@charset "utf-8";

.inHeaderHight {
    width: 100%;
    height: 80px;
}

.inCoverTitBoxWr {
    padding: 19px 15px 58px;
    position: relative;
}

.inCoverTitBoxWr.inCoverTitNone {
    padding-bottom: 58px;
}

.inCoverTitBox {
    max-width: 1520px;
    width: 100%;
    margin: 0 auto;
}

.inCoverTitle {
    font-size: clamp(20.00px, calc(1.29vw + 15.15px), 40.00px);
    font-family: "Shippori Mincho", serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    margin-top: 21px;
}

.inCoverSubTitle {
    font-size: clamp(18.00px, calc(0.45vw + 16.30px), 25.00px);
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5em;
}

.inCoverTit {
    font-size: clamp(35.00px, calc(6.15vw + 11.94px), 130.00px);
    font-family: "Marcellus", serif;
    font-weight: 400;
    line-height: 1.25em;
}

.inCoverSubTit {
    font-size: clamp(16.00px, calc(0.58vw + 13.82px), 25.00px);
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    flex: 1;
}

.inCoverSubTitBox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
}

.inCoverSubTitBox:before {
    content: "";
    height: 1px;
    width: 80px;
    background-color: #3A3631;
}

.inCoverTitSetBox {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 30px;
    width: 100%;
}

.inCoverImgBox {
    width: 100%;
    position: relative;
    padding-top: 62.5%;
    z-index: 3;
}

.inCoverImgBox>img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.inCoverDeco01 {
    max-width: 250px;
    width: 20.02%;
    position: absolute;
    right: 7.81%;
    bottom: 0;
}

.inCoverDeco02 {
    max-width: 250px;
    width: 20.02%;
    position: absolute;
    right: 0;
    bottom: 10%;
}

/*-----*/

.bread-wrapper {
    width: 100%;
    padding: 20px 0 0;
}

.bread-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: auto;
    letter-spacing: 0.05em;
    font-size: clamp(14.00px, calc(0.26vw + 13.03px), 18.00px);
    font-weight: 500;
}

.bread-link {
    display: block;
    color: #3A3631;
    text-decoration: underline;
}

.bread-link:hover {
    color: #3A3631;
    text-decoration: none;
}

/*-----*/

.comBannerTitEn {
    font-size: clamp(25.00px, calc(2.27vw + 16.50px), 60.00px);
    font-family: "Marcellus", serif;
    font-weight: 400;
    line-height: 1.25em;
    color: #F5F3EF;
}

.comBannerTitJa {
    font-size: clamp(12.00px, calc(0.39vw + 10.54px), 18.00px);
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #F5F3EF;
    opacity: 0.65;
}

.comBannerLinkTitSet {
    text-align: center;
}

.comBannerLinkBtnMg {
    margin-top: 10%;
    text-align: center;
}

.comBannerGridBox {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    position: relative;
    z-index: 3;
}

.comBannerLink {
    max-width: 635px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.comBannerLink:hover .comBtn02 {
    color: #81C6C0;
    transition: all .5s;
}

.comBannerLink:hover .comBtn02 .comArrowIcon {
    background: url(/system_panel/uploads/images/btn_arrow_blue.svg)no-repeat;
    background-size: contain;
    background-position: center;
}

.comBannerLink:hover .comBtn02:after {
    opacity: 1;
}

.comBannerLinkImgBox {
    width: 100%;
    height: 260px;
    position: relative;
    overflow: hidden;
    border-radius: 40px;
}

.comBannerLink:hover .comBannerLinkImgBox img {
    transform: scale(1.1);
}

.comBannerLinkImgBox>img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    transition: all .5s;
}

.comBannerLinkImgBox:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #181716;
    opacity: 0.6;
    z-index: 2;
}

.comBannerLinkTitBox {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.comBannerWr {
    padding: 75px 0;
    position: relative;
}

.comBannerDeco01 {
    max-width: 90px;
    width: 30%;
    position: absolute;
    left: 5.78%;
    bottom: 0;
}

/*------*/

.inComContentsWr01 {
    padding: 20px 0 75px;
}

.inner01 {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}

.inner02 {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
}

.inComContentsTateDeco01 {
    width: 1px;
    height: 100px;
    display: block;
    margin: 0 auto 40px;
    background-color: #3A3631;
}

.inComContentsTextBox01 {
    text-align: left;
}

.inComContentsFlexWr01 {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 45px;
}

.inComContentsFlexItemBox01 {
    max-width: 250px;
    width: 100%;
}

.inComContentsFlexItem01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    padding: 30px 10px 44px;
    position: relative;
    z-index: 3;
}

.inComContentsFlexItemLink01.inComContentsFlexItem01 {
    padding-bottom: 20px;
}

.inComContentsFlexItem01:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    border-radius: 170px;
    transition: all .5s;
}

.inComContentsFlexItemLink01:hover:before {
    transform: scale(1.05);
    transition: all .5s;
}

.inComContentsFlexItemArrow {
    max-width: 50px;
    width: 100%;
    margin: 8px auto 0;
}

.inComContentsFlexItemTextBox {
    font-size: clamp(18.00px, calc(0.45vw + 16.30px), 25.00px);
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    color: #3A3631;
    display: flex;
    align-items: center;
    gap: 10px;
}

.is-translated .inComContentsFlexItemTextBox {
    font-size: clamp(10.00px, calc(0.52vw + 8.06px), 18.00px);
    text-align: center;
}

.checkIcon01 {
    max-width: 20px;
    width: 100%;
    display: block;
}

.inComContentsFlexItemIllustrationBox01 {
    max-width: 250px;
    width: 73.53%;
    margin: 0 auto 24px;
}

.inComDeco01 {
    max-width: 279px;
    width: 14.02%;
    position: absolute;
    left: 0;
    top: 0;
}

.inComDeco02 {
    max-width: 279px;
    width: 20.02%;
    position: absolute;
    right: 0;
    bottom: 7%;
}

.inComDecoWr01 {
    position: relative;
}

/*----*/

.guestVoicesCaseNumber {
    font-size: clamp(16.00px, calc(0.26vw + 15.03px), 20.00px);
    font-family: "Marcellus", serif;
    font-weight: 400;
    line-height: 1.5em;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.guestVoicesCaseNumber strong {
    font-size: clamp(20.00px, calc(1.29vw + 15.15px), 40.00px);
    font-weight: 400;
}

.guestVoicesCaseImgBox {
    max-width: 90px;
    width: 100%;
}

.guestVoicesCaseBox {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.guestVoicesCaseTextBox {
    width: 100%;
}

.guestVoicesTitBoxWr {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    flex-direction: column;
}

.guestVoicesImgBoxWr {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
    margin-top: 40px;
}

.guestVoicesImgBoxItem {
    min-width: 0;
    width: 100%;
}

.guestVoicesImg {
    width: 100%;
    position: relative;
    padding-top: 71.43%;
}

.guestVoicesImg>img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.guestVoicesBlock {
    margin-top: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid rgb(245 243 239 / 20%);
    position: relative;
}

.guestVoicesBlockBox .guestVoicesBlock:first-child {
    margin-top: 0;
}

/*------*/

.hairGrowthTitBox01 br {
    display: block;
}

.ourApproachTitBr br {
    display: block;
}

.ourDistinctionTextBlockBox {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 21px;
}

.ourDistinctionTextBlockBox .ourDistinctionTextBlock {
    border-bottom: 1px solid rgb(245 243 239 / 20%);
    padding-bottom: 20px;
}

.ourDistinctionTextBlockBox .ourDistinctionTextBlock:last-child {
    border: none;
    padding-bottom: 0;
}

.ourDistinctionSubTitBr>br {
    display: block;
}

/*----*/

.comBannerMenuWr {
    margin-top: 65px;
}

.comBannerMenuBox {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}

.comBannerMenuLink {
    position: relative;
    overflow: hidden;
}

.comBannerMenuLink:hover .comBtn02 {
    color: #81C6C0;
    transition: all .5s;
}

.comBannerMenuLink:hover .comBtn02 .comArrowIcon {
    background: url(/system_panel/uploads/images/btn_arrow_blue.svg)no-repeat;
    background-size: contain;
    background-position: center;
}

.comBannerMenuLink:hover .comBtn02:after {
    opacity: 1;
}

.comBannerMenuLinkImgBox {
    width: 100%;
    position: relative;
    height: 200px;
    overflow: hidden;
}

.comBannerMenuLink:hover .comBannerMenuLinkImgBox img {
    transform: scale(1.1);
}

.comBannerMenuLinkImgBox>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    transition: all .5s;
}

.comBannerMenuLinkImgBox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #181716;
    opacity: 0.6;
    z-index: 1;
}

.comBannerMenuLinkImgBox:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    border: 1px solid #F5F3EF;
}

.comBannerMenuLinkFlex {
    position: absolute;
    left: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 960px;
    width: 90%;
    margin: auto;
    z-index: 3;
    top: 10px;
    bottom: 10px;
    gap: 20px;
    flex-direction: column;
}

.comBannerMenuTit {
    color: #fff;
    height: auto;
    flex: unset !important;
    text-align: center;
    font-size: clamp(15.00px, calc(0.97vw + 11.36px), 30.00px);
    width: 100%;
}

.comBannerMenuTit>br {
    display: block;
}

/*----*/

.headSpaMenuBox {
    position: relative;
    z-index: 1;
}

.headSpaMenuBox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #817C75;
    opacity: 0.2;
    z-index: -1;
}

.headSpaMenuTit {
    position: relative;
    z-index: 2;
    margin-bottom: -0.7em;
}

.headSpaMenuBlockBox {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}

.headSpaMenuListFlex {
    display: flex;
    align-items: baseline;
    padding-bottom: 9px;
    border-bottom: 1px solid rgb(129 124 117 / 40%);
    gap: 15px;
}

.headSpaMenuListTextBox {
    margin-top: 8px;
}

.headSpaMenuBlock {
    margin-top: 20px;
}

.headSpaMenuBlockBox .headSpaMenuBlock:first-child {
    margin-top: 0;
}

.comBannerMenuTitBrNone>br {
    display: block !important;
}

.menuGridItemMenuList {
    font-size: clamp(16.00px, calc(0.26vw + 15.03px), 20.00px);
    letter-spacing: 0.05em;
    line-height: 1.5em;
    font-weight: 500;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 5px 15px;
    padding: 15px 0;
    border-bottom: 1px solid rgb(129 124 117 / 40%);
}

.menuGridItemMenuListSet {
    margin-top: 15px;
}

.menuGridItemTitle {
    position: relative;
    padding: 17px 30px 16px;
}

.menuGridItemTitle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #817C75;
    opacity: 0.2;
    z-index: -1;
}

.menuGridItemBox {
    min-width: 0;
    width: 100%;
}

.menuGridItemWr {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 50px;
}

.flowSupportFlowIllustration {
    max-width: 60px;
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
    margin: 0 20px 0 0;
}

.flowSupportFlowFlex01 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 30px;
    position: relative;
}

.flowSupportFlowFlexBlockBox {
    margin-top: 20px;
    flex: 1;
    width: auto;
}

.flowSupportFlowFlexTitSet {
    color: #B49A72;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.flowSupportFlowFlexNumber {
    font-size: clamp(16.00px, calc(0.26vw + 15.03px), 20.00px);
    font-family: "Marcellus", serif;
    font-weight: 400;
    line-height: 1.25em;
}

.flowSupportFlowFlexTitle {
    font-size: clamp(18.00px, calc(0.78vw + 15.09px), 30.00px);
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5em;
}

.flowSupportFlowFlexCate {
    font-size: clamp(14.00px, calc(0.26vw + 13.03px), 18.00px);
    letter-spacing: 0.05em;
    line-height: 1.45em;
    padding: 1px 5px 3px 5px;
    background-color: #B49A72;
    color: #fff;
    display: inline-block;
}

.flowSupportFlowFlex01:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 30px;
    bottom: 0;
    width: 1px;
    background-color: #B49A72;
}

.flowSupportFlowFlexWr .flowSupportFlowFlex01:last-child {
    padding-bottom: 0;
}

.flowSupportFlowFlexWr .flowSupportFlowFlex01:last-child:before {
    display: none;
}

.supportFlexBlcok:after {
    content: "";
    background-color: #F5F3EF;
    opacity: 0.2;
    width: 100%;
    height: 1px;
    display: block;
    margin-top: 29px;
}

.supportFlexBlcok {
    margin-top: 30px;
}

.supportFlexLeft .supportFlexBlcok:first-child {
    margin-top: 0;
}

/*------*/

.ourDistinctionTripleBox {
    width: 100%;
    padding-top: 94.51%;
    position: relative;
}

.ourDistinctionTripleItemBox {
    width: 56.82%;
    position: relative;
}

.ourDistinctionTripleItemBall01 {
    position: relative;
    width: 100%;
    padding-top: 100%;
    background-color: #81C6C0;
    opacity: 0.3;
    border-radius: 50%;
}

.ourDistinctionTripleItemBall02 {
    width: 100%;
    padding-top: 100%;
    background-color: #81C6C0;
    opacity: 0.8;
    border-radius: 50%;
    border: 1px solid #fff;
    position: relative;
}

.ourDistinctionTripleItemBall02Position {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
}

.ourDistinctionTripleItemBox01 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

.ourDistinctionTripleItemBox02 {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 3;
}

.ourDistinctionTripleItemBox03 {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.ourDistinctionTripleItemTit {
    font-size: clamp(14.00px, calc(0.71vw + 11.33px), 25.00px);
    font-family: "Shippori Mincho", serif;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    text-align: center;
    z-index: 4;
    color: #fff;
    width: 70%;
}

.ourDistinctionTripleItemTit>strong {
    font-size: clamp(16.00px, calc(0.91vw + 12.60px), 30.00px);
    font-weight: 600;
}

.is-translated .ourDistinctionTripleItemTit>strong {
    font-size: clamp(16.00px, calc(0.58vw + 13.82px), 25.00px);
}

.is-translated .ourDistinctionTripleItemTit {
    font-size: clamp(14.00px, calc(0.39vw + 12.54px), 20.00px);
}

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

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

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

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

}

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

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

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

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

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





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

}

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

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

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

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

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

.guestVoicesCaseImgBox {
    max-width: 120px;
}

.guestVoicesImgBoxWr {
    grid-template-columns: repeat(2, 1fr);
}
  
.ourApproachTitBr br {
    display: none;
}

.comBannerMenuLinkImgBox {
    height: 250px;
}

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

}

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

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

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

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

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

.inHeaderHight {
    height: 100px;
}

.inCoverSubTitBox {
    width: auto;
}

.inCoverTitle {
    margin-top: 41px;
}

.inCoverTitBoxWr {
    padding: 29px 15px 78px;
}

.inCoverTitBoxWr.inCoverTitNone {
    padding-bottom: 100px;
}

.inCoverImgBox {
    padding-top: 26.04%;
}

.inComContentsFlexWr01 {
    gap: 0 3.46%;
}

.inComContentsFlexItemBox01 {
    max-width: 340px;
    width: 30.36%;
}

.inComContentsTextBox01 {
    text-align: center;
}

.comBannerGridBox {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}

.comBannerLinkImgBox {
    height: 300px;
    border-radius: 90px;
}

.guestVoicesCaseBox {
    gap: 30px;
}

.guestVoicesImgBoxWr {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.guestVoicesBlock {
    margin-top: 65px;
    padding-bottom: 65px;
}
  
.hairGrowthTitBox01 br {
    display: none;
}

.comBannerMenuLinkFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.comBannerMenuTit {
    flex: 1 !important;
    text-align: left;
}

.comBannerMenuTit>br {
    display: none;
}

.headSpaMenuListFlex {
    padding-bottom: 18px;
}

.headSpaMenuListTextBox {
    margin-top: 15px;
}

.headSpaMenuBlock {
    margin-top: 40px;
}

.menuGridItemWr {
    grid-template-columns: repeat(2, 1fr);
}

.flowSupportFlowIllustration {
    max-width: 120px;
    margin: 0 40px 0 0;
}

.flowSupportFlowFlex01 {
    padding-bottom: 60px;
}

.flowSupportFlowFlex01:before {
    left: 60px;
}

.flowSupportFlowFlexBlockBox {
    margin-top: 40px;
}

.ourDistinctionTripleItemBall02Position {
    width: 83.33%;
}

.ourDistinctionTripleItemBox {
    width: 58.82%;
}

.comBannerMenuTit {
    width: auto;
}
    
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

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

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

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

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

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

.inComContentsFlexWr01 {
    gap: 0 4.46%;
}

.inComContentsFlexItem01 {
    padding: 60px 10px 88px;
}

.inComContentsFlexItemLink01.inComContentsFlexItem01 {
    padding-bottom: 30px;
}

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

}

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

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


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

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

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

.inHeaderHight {
    height: 150px;
}

.inComContentsFlexWr01 {
    margin-top: 90px;
}

.inComContentsTateDeco01 {
    height: 150px;
    margin: 0 auto 80px;
}

.comBannerLinkImgBox {
    height: 360px;
    border-radius: 180px;
}

.comBannerWr {
    padding: 150px 0;
}

.guestVoicesCaseTextBox {
    width: 50%;
}

.guestVoicesTitBoxWr {
    gap: 30px;
    flex-direction: row;
    align-items: center;
}

.guestVoicesImgBoxWr {
    margin-top: 80px;
}

.inComContentsWr01 {
    padding: 40px 0 150px;
}

.comBannerDeco01 {
    max-width: 215px;
    width: 30%;
}

.ourDistinctionTextBlockBox {
    gap: 41px;
}

.ourDistinctionTextBlockBox .ourDistinctionTextBlock {
    padding-bottom: 40px;
}

.comBannerMenuWr {
    margin-top: 130px;
}

.menuGridItemWr {
    gap: 60px 100px;
}

.menuGridItemMenuList {
    padding: 25px 0;
}

.flowSupportFlowFlexLinkBox  .link-button__label {
    font-size: clamp(14.00px, calc(0.26vw + 13.03px), 18.00px);
}
  
.flowSupportFlowFlexLinkBox .link-button__icon {
    width: 60px;
}

.flowSupportFlowFlexLinkBox .link-button::after {
    width: 60px;
}

.flowSupportFlowFlexLinkBox .link-button:hover::after {
    width: 100%;
}

.flowSupportFlowFlexLinkBox .link-button {
    min-height: 60px;
}

.inComDeco01 {
    top: 6%;
    width: 18%;
}

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

}

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

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

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

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

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

.inCoverSubTitBox {
    width: auto;
}

.inCoverSubTitBox:before {
    width: 120px;
}

.guestVoicesCaseImgBox {
    max-width: 200px;
}

.ourDistinctionSubTitBr>br {
    display: none;
}

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

}

/* min-width: 1200px ここまで */

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

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

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

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



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

}

/* min-width: 1600px ここまで */

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


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

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

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



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

}

/* min-width: 1800px ここまで */

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

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

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

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



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

}

/* min-width: 1920px ここまで */

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