@charset "utf-8";
/* base */
a{
    color: var(--main-color);
    text-decoration: none;
}
a[href*="tel:"]{
    color: #333333;
    text-decoration: underline;
}
@media screen and (min-width:900px), print {
a[href*="tel:"]{
    pointer-events: none;
    text-decoration: none;
}
}
@media (hover: hover) and (pointer: fine) {
    a:hover {
        text-decoration: none;
    }
    .c-btn__box--main:hover{
        color: #FFFFFF;
        background-color: var(--main-color);
    }
}
.box{
    width: 100%;
    margin-top: 32px;
    padding: 0 16px;
}
.box:last-of-type{
    margin-bottom: 40px;
}
.box__inner{
    border: 2px solid #E5E5E5;
    border-radius: 8px;
}
.box__pdding{
    padding: 16px;
}
@media screen and (min-width:480px), print {
.box__inner{
    border-radius: 16px;
}
.box__pdding{
    padding: 32px;
}
}
@media screen and (min-width:900px), print {
.box{
    margin-top: 40px;
}
}

/* common */
.boxTtl{
    font-size: 1.6rem;
    color: var(--main-color);
}
.boxTxt{
    margin-top: 16px;
}
.tableBox{
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0;
}
.tableBox__head{
    font-weight: bold;
    width: 140px;
    min-width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 16px;
    background-color: #E5E5E5;
}
.tableBox__body{
    width: calc(100% - 140px);
    display: flex;
    align-items: center;
    padding: 24px 0 24px 16px;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}
.tableBox__bodyInner{
    width: 100%;
}
.tableBox__bodyTxt{
    width: 100%;
    font-weight: bold;
}
.tableBox__bodyTxtFlex{
    display: flex;
    align-items: center;
    gap: 0 2px;
}
.tableBox__bodyTxtIco{
    width: 2em;
}
.tableBox__bodyTxt--large{
    font-size: 1.6rem;
}
.tableBox__note{
    margin-top: 8px;
}
.btnBox{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}
.tipBox{
    width: 100%;
    margin-top: 16px;
    padding: 16px;
    background-color: #FFF7F0;
    border-radius: 8px;
}
.tipBox__ttl{
    font-weight: bold;
}
.tipBox__txt{
    margin-top: 8px;
}
@media screen and (min-width:480px), print {
.c-btn__box{
    max-width: calc(50% - 8px);
    margin: 0;
}
.btnBox{
    flex-wrap: wrap;
    flex-direction: row;
    gap: 16px;
}
}
@media screen and (min-width:900px), print {
.tableBox{
    margin-top: 24px;
    flex-wrap: nowrap;
    gap: 8px 0;
}
.tableBox__head{
    width: 180px;
    min-width: 180px;
    padding: 24px;
}
.tableBox__body{
    width: calc(100% - 180px);
    padding: 24px 0 24px 24px;
}
.tableBox.tableBoxArea{
    flex-wrap: wrap;
}
.tableBox.tableBoxArea .tableBox__body{
    width: calc(50% - 180px);
}
.btnBox{
    margin-top: 24px;
}
.boxTtl{
    font-size: 2.4rem;
}
.boxTxt{
    margin-top: 24px;
}
.boxTxt--bold{
    font-weight: bold;
}
.tableBox__bodyTxt--large{
    font-size: 2.0rem;
}
.tableBox__bodyTxtIco{
    width: 2.4em;
    margin-top: -0.2em;
}
.tipBox{
    padding: 24px;
}
}

/* head */
.head__ttl{
    font-size: 1.6rem;
}
.head__txt{
    margin-top: 8px
}
.head__list{
    display: flex;
    flex-direction: column;
    gap: 8px 0;
    margin-top: 16px;
}
.head__item{
    font-size: 1.4rem;
    font-weight: bold;
    display: flex;
}
.icoItem__img{
    align-items: center;
    line-height: 1.4;
}
.icoItem .icoItem__img::before{
    content: "";
    width: 1.6em;
    min-width: 1.6em;
    height: 1.6em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.icoItem__chat .icoItem__img::before{
    background-image: url(../images/support/ico_chat.svg);
}
.icoItem__call .icoItem__img::before{
    background-image: url(../images/support/ico_call.svg);
}
.icoItem__mail .icoItem__img::before{
    background-image: url(../images/support/ico_mail.svg);
}
.icoItem__faq .icoItem__img::before{
    background-image: url(../images/support/ico_faq.svg);
}
.boxTtl__inner{
    display: flex;
    align-items: center;
}
@media screen and (min-width:480px), print {
.head__item{
    font-size: 1.6rem;
}
.head__list{
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px;
    margin-top: 16px;
}
.head__item{
    width: calc(50% - 8px);
}
}
@media screen and (min-width:900px), print {
.head__ttl{
    font-size: 2.4rem;
}
.head__list{
    flex-wrap: wrap;
    margin-top: 24px;
    justify-content: space-around;
}
.head__item{
    /* width: calc(50% - 8px); */
    width: calc(33% - 8px);
}
}
@media (hover: hover) and (pointer: fine) {
.head__list .icoItem__chat .icoItem__img:hover::before{
    background-image: url(../images/support/ico_chat_w.svg);
}
.head__list .icoItem__call .icoItem__img:hover::before{
    background-image: url(../images/support/ico_call_w.svg);
}
.head__list .icoItem__mail .icoItem__img:hover::before{
    background-image: url(../images/support/ico_mail_w.svg);
}
.head__list .icoItem__faq .icoItem__img:hover::before{
    background-image: url(../images/support/ico_faq_w.svg);
}
}

/* swiperSlideList */
.swiperSlideListTtl{
    font-weight: bold;
    margin-top: 8px;
    padding: 0 16px;
}
.swiperSlideList{
    padding: 0 16px;
}
.swiperSlideList .swiperSlideList__wrap{
    margin: 16px 0 24px;
}
.swiperSlideList .swiperSlideList__item{
    width: 100%;
    box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.1);
    border-radius: 8px;
    transition: 0.2s;
}
.swiperSlideList .swiperSlideList__link{
    display: block;
}
.swiperSlideList .swiperSlideList__img{
    width: 100%;
}
/* .swiper-button-next, .swiper-button-prev{
    width: auto;
    height: auto;
    color: var(--main-color);
    padding: 8px 10px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.15);
}
.swiperSlideList .swiper-button-next{
    right: 0;
    border-radius: 4px 0 0 4px;
}
.swiperSlideList .swiper-button-prev{
    left: 0;
    border-radius: 0 4px 4px 0;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    font-size: 4rem;
} */
.swiperSlideList__txt{
    font-weight: bold;
    margin-top: 16px;
    text-align: center;
}
.swiperSlideList__txtNum{
    font-size: 1.6rem;
    color: var(--main-color);
}
.swiper-scrollbar-drag{
    background: var(--main-color);
}

@media screen and (min-width:768px), print {
.swiperSlideListTtl{
    font-size: 1.6rem;
    margin: 0;
    padding: 0 32px;
}
.swiperSlideList{
    padding: 0;
}
.swiperSlideList .swiperSlideList__wrap{
    width: 100%;
    display: flex;
    gap: 0 24px;
    margin: 16px 0 0;
    padding: 0 32px;
    box-sizing: border-box;
}
.swiper-slide{
    flex-shrink: unset;
}
/* .swiperSlideList .swiper-button-next, .swiperSlideList .swiper-button-prev{
    display: none;
} */
.swiperSlideList__txtNum{
    font-size: 1.8rem;
}
}
@media (hover: hover) and (pointer: fine) {
    .swiperSlideList .swiperSlideList__itemHov:hover{
        box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
        transform: translateY(1%);
    }
}



/* chat */


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

}