@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 480px) {
/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,td,th,div,p,input,textarea,pre,ul,ol,li,address{}

body {}

#wrap {background: #dddddd;}

img{}

a:hover,
a:link{text-decoration:none;color: #ffffff;}
#mainContents{
 min-width:500px;
 width:500px;
 margin:0 auto;
 border-left:#eee solid 10px;
 border-right:#eee solid 10px;
 background:#ffffff;
}
#mainContents section{
}
#mainContents .sectionInner{
    /* width: 401px; */
    max-width: 95%;
    margin: 0 auto;
    padding: 3em 0;
}
h2{text-align: center;font-size: 30px;color: #2c5c73;line-height: 1.3em;}
/* tab*/
.tab{
    width: 860px;
    max-width: 95%;
    margin: auto;
}
.tab .tabList{}
.tab .tabList .tabListItem{
    font-size: 1.7rem;
}
.tab .tabList .btnActive{}
.tab .Contents{}

.tab .Contents .tabContents{}

.tab .Contents .tabContents .contentsList{
    gap: 1.5rem;
    justify-content: center;
}

.tab .Contents .tabContents .contentsList.list3x{
    max-width: 70%;
    margin: auto;
}
.tab .Contents .tabContents .contentsList .listItem{
    width: 160px;
    margin: 0;
    padding-bottom: 1rem;
}

.tab .Contents .tabContents .contentsList .listItem:last-child{}

.tab .Contents .tabContentss .contentsList .listItem:hover{}
.tab .Contents .tabContents .contentsList .listItem img{}
.tab .Contents .tabContents .contentsList .listItem p{
    font-size: 1.6rem;
    padding: 0;
}
.tab .Contents .tabContents .contentsList .listItem a{
    font-size: 1.4rem;
}

.tab .Contents .contentsActive{}

/*slider*/
.slickslider .slick-prev{
    /* right: 0; */
    left: 17%;
}

.slickslider .slick-next{right: 17%;}
.slickslider .slick-dots{
    top: 103%;
}
.slickslider .slick-dots li{}
.slickslider .slick-dots li button:before{
}
.slickslider .slick-track{}
/*----------------------------------------------------------------------------
 ***                                                          topSelectSec
----------------------------------------------------------------------------*/
#topSelectSec{}
#topSelectSec .sectionInner{
    padding: 1em 0 3em 0;
}
#topSelectSec .titleBox{}
#topSelectSec .titleBox h2{
    font-size: 40px;
}
#topSelectSec .titleBox .Fil-Conimg{
    align-items: flex-start;
}
#topSelectSec .titleBox .Fil-Conimg img{}
#topSelectSec .titleBox .description{
    font-size: 20px;
    line-height: 1.2em;
    margin-top: 0.5rem;
}
#topSelectSec .titleBox .toph2-txt{
    text-align: center;
    font-size: 18px;
    line-height: 1.3em;
}

#topSelectSec .topSlcBox{
    width: calc(100% - 40px);
}
#topSelectSec .topSlcBox .tc-Contents{}
#topSelectSec .topSlcBox .tc-top{
    padding-bottom: 77%;
}
#topSelectSec .topSlcBox .tc-bottom{}

#topSelectSec .tc-Contents li::after {
    content: "";
    position: absolute;
    display: block;
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    width: 1.5em;
    height: 1.5em;
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    transform-origin: center;
    opacity: 1;
    transform: translateX(-50%) rotate(45deg);
    left: 50%;
    bottom: 10px;
}

#topSelectSec .tc-top .sub-ttle {line-height: 1.2em;
}
#topSelectSec .tc-Contents li{}
#topSelectSec .tc-Contents .tc-Con01{
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url(../images_renewal26/img_top_select01.jpg) center center / cover no-repeat;
}
#topSelectSec .tc-Contents .tc-Con01 a{}
#topSelectSec .tc-Contents .tc-Con01 .sub-ttle{
    text-align: center;
}
#topSelectSec .tc-Contents .tc-Con01 .main-ttle{
    text-align: center;
}
#topSelectSec .tc-Contents .tc-Con01 .main-price{
    text-align: center;
}
#topSelectSec .tc-Contents .tc-Con01 .main-price .price{}
#topSelectSec .tc-Contents .tc-Con01 .main-price .yen{}

#topSelectSec .tc-Contents .tc-Con02{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url(../images_renewal26/img_top_select02.jpg) center center / cover no-repeat;
}
#topSelectSec .tc-Contents .tc-Con02 a{}
#topSelectSec .tc-Contents .tc-Con02 .sub-ttle{}
#topSelectSec .tc-Contents .tc-Con02 .main-ttle{}

#topSelectSec .tc-Contents .tc-Con03{
                                    height: 43%;
                                    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url(../images_renewal26/img_top_select03.jpg) center center / cover no-repeat;
                                    }
#topSelectSec .tc-Contents .tc-Con03 a{
    width: 100%;
    height: auto;
}
#topSelectSec .tc-Contents .tc-Con03 .sub-ttle{
    /* line-height: 0.3em; */
}
#topSelectSec .tc-Contents .tc-Con03 .main-ttle{}

#topSelectSec .tc-Contents .tc-Con04{height: 55%;
                                    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url(../images_renewal26/img_top_select04.jpg) center center / cover no-repeat;}
#topSelectSec .tc-Contents .tc-Con04 a{}
#topSelectSec .tc-Contents .tc-Con04 .sub-ttle{}
#topSelectSec .tc-Contents .tc-Con04 .main-ttle{}
#topSelectSec .tc-Contents .tc-Con04 .main-ttle .people{}

#topSelectSec .tc-Contents .tc-Con05{background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), url(../images_renewal26/img_top_select05.jpg) center center / cover no-repeat;}
#topSelectSec .tc-Contents .tc-Con05 a{}
#topSelectSec .tc-Contents .tc-Con05 .sub-ttle{
    
}
#topSelectSec .tc-Contents .tc-Con05 .main-ttle{}

#topSelectSec .centerLogo{
    top: 32%;
}
#topSelectSec .centerLogo img{}



#topSelectSec .LinkBox{}
#topSelectSec .LinkBox .consult{}
#topSelectSec .LinkBox .consult a{
}
#topSelectSec .LinkBox .reason{}
#topSelectSec .LinkBox .reason a{}

.reason a, .consult a{
    font-size: 18px;
}
.reason a::after, .consult a::after {
    width: 0.5em;
    height: 0.5em;
    border-right: 2.5px solid #ffffff;
    border-bottom: 2.5px solid #ffffff;
    top: 17px;
}

/*----------------------------------------------------------------------------
 ***                                                            FailureSec
----------------------------------------------------------------------------*/
#FailureSec{}
#FailureSec .sectionInner{}
#FailureSec .titleBox{}
#FailureSec .titleBox h2{}
#FailureSec .titleBox .FailureText{}

#FailureSec .Fil-Contents{}

#FailureSec .Fil-Contents .Fil-Contxt{
    font-size: 18px;
}
#FailureSec .Fil-Contents .Fil-Con01{}
#FailureSec .Fil-Contents .Fil-Con01 .Fil-Contxt{
}
#FailureSec .Fil-Contents .Fil-Con01 .Fil-Conimg{}
#FailureSec .Fil-Contents .Fil-Con01 .Fil-Conimg img{}

#FailureSec .Fil-Contents .Fil-Con02{}
#FailureSec .Fil-Contents .Fil-Con02 .Fil-Contxt{}
#FailureSec .Fil-Contents .Fil-Con02 .Fil-Conimg{}
#FailureSec .Fil-Contents .Fil-Con02 .Fil-Conimg img{}

#FailureSec .Fil-Contents .Fil-Con03{}
#FailureSec .Fil-Contents .Fil-Con03 .Fil-Contxt{}
#FailureSec .Fil-Contents .Fil-Con03 .Fil-Conimg{}
#FailureSec .Fil-Contents .Fil-Con03 .Fil-Conimg img{}

#FailureSec .Fil-Contents .Fil-Con04{}
#FailureSec .Fil-Contents .Fil-Con04 .Fil-Contxt{}
#FailureSec .Fil-Contents .Fil-Con04 .Fil-Conimg{}
#FailureSec .Fil-Contents .Fil-Con04 .Fil-Conimg img{}

#FailureSec .ourbox{}
#FailureSec .ourbox .ourtxt{
    padding: 0em 3em;
    font-size: 28px;
    line-height: 1.2em;
}
#FailureSec .ourtxt::before{
    content: "";
    position: absolute;
    width: 90px;
    height: 117px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images_renewal26/img_rasu.png);
    left: 0%;
    bottom: 0%;
}

/*----------------------------------------------------------------------------
 ***                                                               allSec
----------------------------------------------------------------------------*/
#allSec{}
#allSec .sectionInner{}
#allSec .titleBox{}
#allSec .titleBox h2{}
#allSec .titleBox h2 span{}
#allSec .titleBox .text{
    text-align: center;
}

#allSec .all-Contents{}

#allSec .all-Contents .all-Card{}
#allSec .all-Contents .all-Card .card-img-wrap{}
#allSec .all-Contents .all-Card .card-img-wrap .card-number{
    width: 50px;
    height: 50px;
    font-size: 25px;
}
#allSec .all-Contents .all-Card .card-img-wrap img{
}


#allSec .all-Contents .all-Card .card-img-wrap .card-catch{
    font-size: 17.5px;
}

#allSec .all-Contents .all-Card .card-body{}
#allSec .all-Contents .all-Card .card-body .card-ttl{
    margin: 0.4rem 0px;
    height: 80px;
    margin-bottom: 1rem;
}
#allSec .all-Contents .all-Card .card-body .card-ttl .ttl-txt{
    font-size: 21px;
    width: 100%;
}
#allSec .all-Contents .all-Card .card-body .card-ttl .ttl-yen{
    font-size: 31px;
    /* margin-bottom: 0.5rem; */
}
#allSec .all-Contents .all-Card .card-body .card-ttl .ttl-yen .highlight{
    font-size: 232%;
}

#allSec .all-Contents .all-Card .card-body .card-btn{
    padding: 0px 0 0px 0;
    margin-bottom: 0.7rem;
}
#all01 .card-btn{
    margin-top: 1.5em;
}
#allSec .all-Contents .all-Card .card-body .card-btn a{
    padding: 2px 37px;
    font-size: 17px;
}


/*----------------------------------------------------------------------------
 ***                                                               AimSec
----------------------------------------------------------------------------*/
#AimSec{}
#AimSec .Aimtop{
    pading-top: 1em;
    /* padding-top: 3em; */
}
#AimSec .Aimtop img{
    margin: 0 auto;
    width: 100%;
    height: auto;
}

#AimSec .sectionInner{}
#AimSec .sectionInner .titleBox{}
#AimSec .sectionInner .titleBox h2{}
#AimSec .sectionInner .titleBox .text{
    font-size: 18px;
    line-height: 1.7em;
    margin: 1em 0 1em 0;
}

#AimSec .LinklcBox{}
#AimSec .LinklcBox .consult{}
#AimSec .LinklcBox .consult a{
    color: #fff;
    font-size: 18px;
}


/*----------------------------------------------------------------------------
 ***                                                           inquirySec
----------------------------------------------------------------------------*/
#inquirySec{}
#inquirySec .sectionInner{
    padding: 6em 0;
}
#inquirySec .titleBox{}
#inquirySec .titleBox h2{}
#inquirySec .titleBox .text{}

#inquirySec .btnBox{}
#inquirySec .btnBox .text{}
#inquirySec .btnBox .btn{}
#inquirySec .btnBox .btn a{}

#inquirySec .btnBox.counseling{}
#inquirySec .btnBox.counseling .text{}
#inquirySec .btnBox.counseling .btn{}
#inquirySec .btnBox.counseling .btn a{}

#inquirySec .btnBox.line{}
#inquirySec .btnBox.line .text{}
#inquirySec .btnBox.line .btn{}
#inquirySec .btnBox.line .btn a{}
}