.m0a {
    margin-right: auto;
    margin-left: auto
}
.back-c1 {
    background-color: #f2f2f2
}
.w1 {
    max-width: 1178px
}
.back-tr {
    background-color: #fff
}
.back-tr img {
    width: revert-layer
}
.top-head {
    background: url(img/tre/trp-img01.png) no-repeat center 0/cover;
    min-height: 934px;
    margin: 0 0 44px
}
.top-head .tp-header .cwlogo {
    padding: 21px 49px 104px
}
.top-head .tp-header .cwinner {
    position: relative
}
.top-head .tp-header .cwinner .cwmain {
    padding: 0 0 0 84px
}
.top-head .tp-header .cwinner .cwmain .cwttl {
    font-size: 77px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 13px;
    line-height: 88px
}
.top-head .tp-header .cwinner .cwmain .cwsub {
    font-size: 24px;
    margin: 0 0 25px;
    font-weight: 700;
    color: #fff;
    font-family: "Roboto", sans-serif
}
.top-head .tp-header .cwinner .cwmain .cwtxt {
    font-size: 22px;
    color: #fff;
    line-height: 32px
}
.top-head .tp-header .cwinner .cwwoman {
    position: absolute;
    top: 269px;
    right: 101px;
    text-align: center
}
.top-head .tp-header .cwinner .cwwoman .cwact .cwlink {
    background-color: #ff6243;
    width: 383px;
    height: 83px;
    display: flex;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    gap: 0 30px;
    border-radius: 100px;
    margin: 0 0 10px
}
.top-head .tp-header .cwinner .cwwoman .cwact .cwlink .cwarrow2 {
    padding: 0 0 0 29px
}
.top-head .tp-header .cwinner .cwwoman .cwact .cwphone .cwguide {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 5px;
    text-align: center
}
.top-head .tp-header .cwinner .cwwoman .cwact .cwphone .cwtel {
    display: flex;
    justify-content: center
}
.top-head .tp-header .cwinner .cwwoman .cwact .cwphone .cwtel dt a {
    font-size: 36px;
    color: #fff;
    font-weight: 700
}
.top-head .tp-header .cwinner .cwwoman .cwact .cwphone .cwtel .cwtime {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 0 0 9px
}
.bnrarea {
    margin: 0 0 54px
}
.bnrarea .bnrlist {
    display: flex;
    justify-content: center;
    gap: 0 33px
}
.landsec .landin {
    display: flex;
    gap: 0 74px;
    position: relative;
    padding: 0 0 172px
}
.landsec .landin .landtxt {
    width: 658px;
    padding: 70px 0 0
}
.landsec .landin .landtxt .landttl {
    font-size: 40px;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 30px
}
.landsec .landin .landtxt .landpar {
    line-height: 1.9;
    font-size: 16px
}
.landsec .landin .landtxt .landpar01 {
    margin: 0 0 40px
}
.landsec .landin .landpic {
    position: absolute;
    top: 0;
    right: -60px
}
.useen {
    font-size: 30px;
    font-weight: 800;
    margin: 0 0 11px;
    font-family: "Roboto", sans-serif
}
.usetit {
    font-size: 60px;
    font-weight: 600
}
.usehead {
    margin-bottom: 94px
}
.usehead .usetit {
    margin: 0 0 100px
}
.usegrid .usecard .usetext {
    padding: 42px 0 0;
    height: 363px
}
.usegrid .usecard .usetext .usetag {
    background-color: #0093ba;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    padding: 7px 24px 9px;
    margin: 0 0 12px
}
.usegrid .usecard .usetext .uselead {
    font-size: 30px;
    line-height: 1.6;
    font-weight: 600
}
.usegrid .usecard .usepic {
    position: absolute;
    right: 0;
    top: 0;
    width: 825px
}
.usegrid .useflip {
    margin-top: 100px;
    display: flex;
    flex-direction: row-reverse
}
.usegrid .useflip .usepic {
    position: absolute;
    left: 0
}
.usegrid .useflip .usetext {
    margin: 0 auto 0 0;
    padding: 0 0 0 881px
}
.usecard-out {
    position: relative
}
.useblk {
    margin-bottom: 97px
}
.ideahead .ideatttl {
    text-align: center;
    font-size: 30px;
    padding: 0 0 45px;
    font-weight: 500
}
.ideaarea .ideawrap .idealist {
    display: flex;
    gap: 0 2px;
    margin: 0 0 30px
}
.ideaarea .ideawrap .idealist .ideaitem {
    width: 33%
}
.ideaarea .ideawrap .idealist .ideaitem .ideapic {
    margin: 0 0 25px
}
.ideaarea .ideawrap .idealist .ideaitem .ideacont .ideasub {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 15px
}
.ideaarea .ideawrap .idealist .ideaitem .ideacont .ideadesc {
    font-size: 16px;
    line-height: 1.9
}
.ideaarea .ideawrap .iconarea {
    text-align: center;
    padding: 0 0 101px
}
.checksec {
    max-width: 1000px;
    margin: 0 auto;
    background-color: #fff;
    border: 2px solid #df5656;
    padding: 44px 0 44px;
    border-radius: 10px
}
.checksec .checkbox .alertico {
    text-align: center;
    padding: 0 0 18px
}
.checksec .checkbox .checktop .checkttl {
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    margin: 0 0 15px
}
.checksec .checkbox .checktop .alertmsg {
    color: #fff;
    font-size: 24px;
    margin: 0 0 15px;
    text-align: center;
    line-height: 1.45
}
.checksec .checkbox .checktop .alertmsg span {
    background: linear-gradient(transparent 14%, #df5656 0%);
    font-weight: 500
}
.checksec .checkbox .checktop .supportx {
    color: #0093ba;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    text-decoration: underline;
    margin: 0 0 10px
}
.checksec .checkbox .checktop .checktxt {
    padding: 0 82px;
    font-size: 16px;
    line-height: 1.9;
    margin: 0 0 13px
}
.checksec .checkbox .checkbtn {
    display: block;
    margin: 0 auto;
    width: 43%;
    text-align: center;
    border-radius: 100px;
    font-weight: 600;
    font-size: 16px;
    border: 2px solid #282f33;
    padding: 10px 0 12px;
    position: relative
}
.checksec .checkbox .checkbtn .arrowimg {
    position: absolute;
    right: 19px;
    top: 13px
}
.meritsec-out {
    padding: 50px 0 31px
}
.meritsec-out .meritsec .meritin .merhead .usetit {
    margin-bottom: 28px
}
.meritsec-out .meritsec .meritin .merhead .merlead {
    font-size: 30px;
    line-height: 1.6;
    font-weight: 500;
    margin: 0 0 37px
}
.meritsec-out .meritsec .meritin .merlist .meritem {
    background-color: #d8eef4;
    margin: 0 0 14px;
    border-radius: 15px;
    padding: 27px 60px 27px 29px;
    display: flex;
    align-items: center
}
.meritsec-out .meritsec .meritin .merlist .meritem .meritem-in {
    width: 34%;
    display: flex;
    align-items: center
}
.meritsec-out .meritsec .meritin .merlist .meritem .mericon {
    padding: 22px 10px 22px 0;
    width: 58px;
    text-align: center
}
.meritsec-out .meritsec .meritin .merlist .meritem .mername {
    font-size: 24px;
    font-weight: 600;
    width: 72%;
    border-right: 1px solid #282f33;
    padding: 32px 0px;
    margin: 0 4% 0 0px;
    line-height: 1.2
}
.meritsec-out .meritsec .meritin .merlist .meritem .mertext {
    line-height: 1.9;
    font-size: 16px;
    width: 66%
}
.specbox {
    background-color: #f2f2f2
}
.specbox .specinr .spechead .usetit {
    padding: 0 0 44px
}
.specbox .specinr .prodblk {
    border-top: 1px solid #282f33;
    border-bottom: 1px solid #282f33;
    padding: 37px 39px 47px
}
.specbox .specinr .prodblk .prodttl {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 42px
}
.specbox .specinr .prodblk .prodrow {
    display: flex;
    gap: 0 2%
}
.specbox .specinr .prodblk .prodrow .prodimg {
    width: 44%
}
.specbox .specinr .prodblk .prodrow .prodtxt {
    width: 54%
}
.specbox .specinr .prodblk .prodrow .prodtxt .prodsub {
    font-size: 20px;
    margin: 0 0 18px;
    font-weight: bold
}
.specbox .specinr .prodblk .prodrow .prodtxt .proddes {
    font-size: 16px;
    line-height: 1.9;
    margin: 0 0 35px
}
.specbox .specinr .prodblk .prodrow .prodtxt .prodlist {
    padding: 0 0 35px
}
.specbox .specinr .prodblk .prodrow .prodtxt .prodlist .proddata {
    display: flex;
    background-color: #f2f2f2;
    padding: 15px 22px 17px
}
.specbox .specinr .prodblk .prodrow .prodtxt .prodlist .proddata dt {
    width: 118px;
    font-weight: bold
}
.specbox .specinr .prodblk .prodrow .prodtxt .prodlist .proddata:nth-child(even) {
    background-color: #fff
}
.specbox .specinr .prodblk .prodrow .prodtxt .prodmemo {
    font-size: 16px;
    line-height: 1.9;
    font-weight: bold
}
.chawrap {
    padding: 140px 0 0;
    display: flex;
    gap: 0 3%
}
.chawrap .chatext {
    width: 43%
}
.chawrap .chatext .chatttl {
    font-size: 24px;
    margin: 0 0 40px;
    font-weight: 500
}
.chawrap .chatext .chadesc {
    font-size: 16px;
    line-height: 1.9;
    margin: 0 0 40px
}
.chawrap .chatext .chalink {
    background-color: #fff;
    width: 462px;
    height: 42px;
    display: flex;
    color: #282f33;
    font-size: 16px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 2px solid #282f33;
    position: relative
}
.chawrap .chatext .chalink .chaarr {
    position: absolute;
    top: 16px;
    right: 17px
}
.chawrap .chapic {
    flex: 1;
    padding: 62px 0 0
}
.casezone {
    padding: 0 0 83px
}
.casezone .casewrap .casetopp .usetit {
    margin: 0 0 43px
}
.casezone .casewrap .casegrid {
    display: flex;
    gap: 100px 5%;
    flex-wrap: wrap
}
.casezone .casewrap .casegrid .caseitem {
    width: 47.5%
}
.casezone .casewrap .casegrid .caseitem .casetags {
    margin: 0 0 0 8px;
    display: flex;
    gap: 0 13px;
    position: relative;
    top: -20px
}
.casezone .casewrap .casegrid .caseitem .casetags li {
    color: #fff;
    background-color: #0093ba;
    border-radius: 5px;
    padding: 9px 17px 11px
}
.casezone .casewrap .casegrid .caseitem .casebody .casesub {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 14px
}
.casezone .casewrap .casegrid .caseitem .casebody .casetxt {
    font-size: 16px;
    line-height: 1.7
}
.flowsec {
    background-color: #f2f2f2
}
.flowsec .flowinn.w1.m0a .flowhead {
    margin: -35px 0 0
}
.flowsec .flowinn.w1.m0a .flowhead .usetit {
    margin: 0 0 77px
}
.flowsec .flowinn.w1.m0a .steplist {
    padding: 0 0 102px
}
.flowsec .flowinn.w1.m0a .steplist .stepitem {
    display: flex;
    gap: 0 34px
}
.flowsec .flowinn.w1.m0a .steplist .stepitem .stepnum {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #282f33;
    font-size: 26px;
    font-family: "Roboto", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    background-color: #f2f2f2;
    position: relative;
    z-index: 1
}
.flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody {
    flex: 1;
    position: relative;
    border-left: 2px solid #282f33;
    padding: 0 0 40px 48px;
    margin: 0 0 0 -56px
}
.flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepttl {
    font-size: 24px;
    font-weight: bold;
    margin: 11px 0 15px
}
.flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .steptxt {
    font-size: 16px;
    line-height: 1.7
}
.flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns {
    display: flex;
    gap: 0 1%;
    padding: 15px 0 0
}
.flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .mailbtn {
    width: 400px;
    background-color: #0093ba;
    height: 90px;
    align-items: center;
    display: flex
}
.flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .mailbtn .mailico-out {
    padding: 0 27px
}
.flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .mailbtn span {
    margin: 0 10px 0 0;
    color: #fff;
    font-size: 18px
}
.flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .telbtn {
    width: 400px;
    background-color: #282f33;
    height: 90px;
    align-items: center;
    display: flex;
    color: #fff
}
.flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .telbtn .telico-out {
    padding: 0 15px 0 30px
}
.flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .telbtn .telcap {
    font-size: 14px;
    margin: 0 15px 0 0
}
.flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .telbtn .telnum {
    font-size: 32px;
    font-weight: bold;
    font-family: "Roboto", sans-serif
}
.flowsec .flowinn.w1.m0a .steplist .stepitem:last-child {
    padding: 0
}
.flowsec .flowinn.w1.m0a .steplist .stepitem:last-child .stepbody {
    border-left: 0
}
.suptop {
    margin: -111px 0 0
}
.suptop .usetit {
    margin: 0 0 39px
}
.suptop .suplead {
    font-size: 30px;
    line-height: 1.6;
    font-weight: 500;
    margin: 0 0 30px
}
.suptop .suptext {
    font-size: 16px;
    line-height: 1.9;
    margin: 0 0 40px
}
.rulebox {
    background-color: #f2f2f2;
    border-radius: 10px;
    padding: 32px 54px 50px;
    max-width: 1067px;
    margin: 0 auto 93px
}
.rulebox .ruletit {
    font-size: 30px;
    color: #0093ba;
    line-height: 1.6;
    font-weight: 500;
    text-align: center;
    margin: 0 0 32px
}
.rulebox .rulelist .ruleitem {
    padding: 0 0 14px;
    margin: 0 0 20px;
    border-bottom: 2px solid #282f33
}
.rulebox .rulelist .ruleitem .rulebody {
    display: flex;
    gap: 0 7px;
    align-items: center;
    padding: 0 0 13px
}
.rulebox .rulelist .ruleitem .rulebody .rulecase {
    color: #fff;
    background-color: #0093ba;
    border-radius: 20px;
    padding: 7px 13px 8px;
    font-size: 14px
}
.rulebox .rulelist .ruleitem .rulebody .rulesub {
    font-size: 20px;
    font-weight: 500
}
.rulebox .rulelist .ruleitem .ruletxt {
    font-size: 16px;
    line-height: 1.9
}
.rulebox .rulelist .ruleitem:last-child {
    border-bottom: 0;
    padding: 0;
    margin: 0
}
.admsec .admhead .admlead {
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    color: #df5656;
    margin: 0 0 40px;
    font-weight: 500
}
.admsec .admhead .admarr {
    text-align: center;
    margin: 0 0 45px
}
.admsec .admplan .admttl {
    text-align: center;
    margin: 0 0 48px
}
.admsec .admplan .admttl span {
    font-size: 30px;
    color: #fff;
    background: linear-gradient(transparent 14%, #000 0%);
    font-weight: 500;
    padding: 0 15px
}
.admsec .admplan .admrow {
    display: flex;
    gap: 0 5%;
    max-width: 1030px;
    margin: 0 auto 48px
}
.admsec .admplan .admrow .admlist {
    width: 59%;
    border-top: 2px solid #282f33;
    border-bottom: 2px solid #282f33
}
.admsec .admplan .admrow .admlist .admbuls {
    padding: 23px 15px 23px
}
.admsec .admplan .admrow .admlist .admbuls li {
    font-size: 20px;
    margin: 0 0 13px;
    color: #282f33;
    font-weight: 600
}
.admsec .admplan .admrow .admlist .admbuls li:last-child {
    margin: 0
}
.admsec .admplan .admrow .admpic {
    width: 40%
}
.admsec .admplan .admnote {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 95px
}
.inqarea {
    padding: 0 0 165px
}
.inqarea .inqhead .inqttl {
    font-size: 30px;
    text-align: center;
    font-weight: 500;
    margin: 0 0 37px
}
.inqarea .inqhead .inqlead {
    text-align: center;
    line-height: 1.9;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 38px
}
.inqarea .inq-row {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    gap: 0 .3%
}
.inqarea .inqmail {
    display: flex;
    align-items: center;
    width: 49.5%;
    height: 166px;
    background-color: #0093ba
}
.inqarea .inqmail .inqicon-out {
    padding: 0 24px 0 72px
}
.inqarea .inqmail .inqlabel {
    font-size: 18px;
    font-weight: bold;
    margin: 0 69px 0 0;
    color: #fff
}
.inqarea .inqgirl p {
    position: absolute;
    top: -249px;
    right: -16px
}
.inqarea .inqgirl p img {
    max-width: none
}
.inqarea .inqtel {
    position: relative;
    display: flex;
    align-items: center;
    width: 50.2%;
    height: 166px;
    background-color: #282f33;
    color: #fff
}
.inqarea .inqtel .telicon-out {
    padding: 0 28px 0 82px
}
.inqarea .inqtel .telbox {
    text-align: center
}
.inqarea .inqtel .telbox span {
    display: block
}
.inqarea .inqtel .telbox .teltext {
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 6px
}
.inqarea .inqtel .telbox .telnum {
    font-size: 37px;
    font-weight: bold;
    padding: 0 0 7px;
    font-family: "Roboto", sans-serif
}
.inqarea .inqtel .telbox .teltime {
    font-size: 15px
}
.ProductGallery {
    width: 44%
}
.ProductGallery__main {
    width: 100%;
    overflow: hidden;
    background: #f2f2f2
}
.ProductGallery__main .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center
}
.ProductGallery__main img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    background: #f2f2f2
}
.ProductGallery__thumbs {
    margin-top: 9px;
    width: 100%;
    overflow: hidden
}
.ProductGallery__thumbs .swiper-wrapper {
    align-items: center
}
.ProductGallery__thumbs .swiper-slide {
    cursor: pointer;
    width: auto
}
.ProductGallery__thumbs .swiper-slide-thumb-active {
    opacity: 1
}
.ProductGallery__thumbs .swiper-slide:hover {
    opacity: 1
}
.ProductGallery__thumbs img {
    display: block;
    width: 86px;
    height: 73px;
    -o-object-fit: cover;
    object-fit: cover;
    box-sizing: border-box
}
.ProductGallery__thumbs .swiper-slide-thumb-active img {
    border-color: #333
}
.br01 {
    display: inline
}
.br02 {
    display: inline
}
.swiper-pagination {
    display: none
}
.br03 {
    display: none
}
.br04 {
    display: inline
}
.br05 {
    display: none
}
.br06 {
    display: none
}
img, iframe, object {
    max-width: 100%;
    height: auto
}
.pc-display-inl {
    display: inline !important
}
.pc-display-block {
    display: block !important
}
.pc-display-none {
    display: none !important
}
@media screen and (max-width: 1312px) {
    .landsec .landin .landpic {
        position: static
    }
}
@media screen and (max-width: 1210px) {
    .usegrid .usecard2 .usepic {
        position: static
    }
    .usecard2 {
        display: flex
    }
    .usegrid .usecard .usepic {
        width: 71%
    }
    .usegrid .useflip .usetext {
        padding: 0 0 0 74%
    }
}
@media screen and (max-width: 1180px) {
    .inqarea .inqgirl p {
        right: 7px
    }
}
@media screen and (max-width: 1000px) {
    .inqarea .inqmail .inqlabel {
        margin: 0 9% 0 0
    }
    .top-head .tp-header .cwlogo {
        padding: 21px 49px 24px
    }
    .top-head .tp-header .cwinner .cwwoman {
        top: auto
    }
    .top-head .tp-header .cwinner .cwmain .cwttl br {
        display: none
    }
}
@media screen and (max-width: 900px) {
    .inqarea .inqgirl p {
        right: 7px
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns {
        gap: 10px 1%;
        flex-direction: column
    }
}
@media screen and (max-width: 768px) {
    .ProductGallery {
        max-width: 100%
    }
    .ProductGallery__thumbs img {
        width: 117px;
        height: 100px
    }
}
@media only screen and (max-width: 768px) {
    .u-br-c br {
        display: none
    }
    .sp-display-block {
        display: block !important
    }
    .sp-display-inl {
        display: inline !important
    }
    .sp-display-none {
        display: none !important
    }
    .top-head .tp-header .cwlogo {
        padding: 3.2552083333vw 0 5.9895833333vw 2.734375vw
    }
    .top-head .tp-header .cwinner .cwmain {
        padding: 0 0 0 3.90625vw
    }
    .top-head .tp-header .cwinner .cwmain .cwttl {
        font-size: 7.2916666667vw;
        margin: 0 0 1.6927083333vw;
        line-height: 1.2
    }
    .top-head .tp-header .cwinner .cwmain .cwsub {
        font-size: 3.125vw;
        margin: 0 0 3.2552083333vw
    }
    .top-head .tp-header .cwinner .cwmain .cwtxt {
        font-size: 2.8645833333vw;
        line-height: 4.1666666667vw
    }
    .top-head .tp-header .cwinner .cwwoman {
        top: 39.3229166667vw;
        right: 3.2552083333vw
    }
    .top-head .tp-header .cwinner .cwwoman .cwact .cwlink {
        width: 49.8697916667vw;
        height: 10.8072916667vw;
        font-size: 2.6041666667vw;
        gap: 0 3.90625vw;
        margin: 0 0 1.3020833333vw
    }
    .top-head .tp-header .cwinner .cwwoman .cwact .cwlink .cwarrow2 {
        padding: 0 0 0 3.7760416667vw
    }
    .top-head .tp-header .cwinner .cwwoman .cwact .cwphone .cwguide {
        font-size: 1.953125vw;
        margin: 0 0 .6510416667vw
    }
    .top-head .tp-header .cwinner .cwwoman .cwact .cwphone .cwtel dt a {
        font-size: 4.6875vw
    }
    .top-head .tp-header .cwinner .cwwoman .cwact .cwphone .cwtel .cwtime {
        font-size: 1.5625vw;
        line-height: 1.8229166667vw;
        padding: .6510416667vw 0 0 1.171875vw
    }
    .usehead .usetit {
        margin: 0 0 13.0208333333vw
    }
    .ideahead .ideatttl {
        text-align: center;
        font-size: 3.90625vw;
        padding: 0 0 5.859375vw;
        font-weight: 500
    }
    .cwlogo img {
        width: 30.5989583333vw
    }
    .top-head {
        min-height: 121.6145833333vw;
        margin: 0 0 5.7291666667vw
    }
    .bnrarea {
        margin: 0 0 7.03125vw
    }
    .bnrarea .bnrlist {
        gap: 5.2083333333vw 4.296875vw;
        flex-direction: column;
        align-items: center
    }
    .bnritem img {
        max-width: 78.515625vw;
        width: 100%;
        margin: 0 2%
    }
    .landsec .landin {
        gap: 7.421875vw 0px;
        padding: 0 3% 22.3958333333vw;
        flex-direction: column
    }
    .landsec .landin .landtxt {
        width: 100%;
        padding: 1.6927083333vw 0 0
    }
    .landsec .landin .landtxt .landttl {
        font-size: 5.2083333333vw;
        margin: 0 0 3.3854166667vw
    }
    .landsec .landin .landtxt .landpar {
        line-height: 1.5;
        font-size: 2.8645833333vw
    }
    .landsec .landin .landtxt .landpar01 {
        margin: 0 0 4.296875vw
    }
    .br01 {
        display: none
    }
    .landsec .landin .landpic {
        text-align: center
    }
    .useblk {
        margin-bottom: 12.6302083333vw;
        padding: 0 3%
    }
    .usehead {
        margin-bottom: 17.1875vw
    }
    .usecard2 {
        flex-direction: column
    }
    .usegrid .usecard .usetext {
        padding: 0;
        height: auto;
        width: 100%
    }
    .usegrid .usecard .usetext .usetag {
        font-size: 2.6041666667vw;
        padding: 1.3020833333vw 1.8229166667vw 1.3020833333vw;
        margin: 0 0 1.4322916667vw
    }
    .br02 {
        display: none
    }
    .usegrid .usecard .usetext .uselead {
        font-size: 3.90625vw;
        line-height: 1.6;
        font-weight: 600;
        margin: 0 0 4.0364583333vw
    }
    .usegrid .usecard .usepic {
        width: 100%;
        position: static
    }
    .usegrid .useflip {
        margin-top: 13.671875vw;
        display: flex;
        flex-direction: column
    }
    .ideaarea .ideawrap .iconarea {
        padding: 0 0 13.1510416667vw;
        width: 73%;
        margin: 0 auto
    }
    .ideaarea .ideawrap .idealist .ideaitem .ideacont .ideasub {
        font-size: 3.90625vw;
        font-weight: 600;
        margin: 0 0 1.6927083333vw
    }
    .ideaarea .ideawrap .idealist .ideaitem .ideacont .ideadesc {
        font-size: 2.8645833333vw;
        line-height: 2.1
    }
    .ideaarea .ideawrap .idealist .ideaitem .ideapic {
        margin: 0 0 3.2552083333vw
    }
    .ideaarea .ideawrap .idealist {
        margin: 8.203125vw 0 10.0260416667vw
    }
    .checksec {
        margin: 0 3%;
        padding: 5.7291666667vw 0 5.7291666667vw
    }
    .checksec .checkbox .checktop .checkttl {
        font-size: 5.2083333333vw;
        line-height: 1.2;
        margin: 0 0 1.953125vw
    }
    .checksec .checkbox .checktop .alertmsg {
        font-size: 3.90625vw;
        margin: 0px 0 2.734375vw;
        line-height: 1.55
    }
    .br03 {
        display: inline
    }
    .checksec .checkbox .checktop .supportx {
        font-size: 3.90625vw;
        margin: 0 0 2.4739583333vw;
        line-height: 1.3
    }
    .checksec .checkbox .checktop .checktxt {
        padding: 0 6%;
        font-size: 2.8645833333vw;
        line-height: 1.9;
        margin: 0 0 1.3020833333vw
    }
    .checksec .checkbox .checkbtn {
        width: 73.1770833333vw;
        font-size: 3.125vw;
        padding: 3.2552083333vw 0 3.125vw
    }
    .checksec .checkbox .checkbtn .arrowimg {
        right: 4.5572916667vw;
        top: 3.2552083333vw;
        width: 2.0833333333vw
    }
    .back-c1 {
        background-color: #f2f2f2;
        padding: 0 0 6.5104166667vw
    }
    .meritsec-out {
        padding: 1.5625vw 3% 9.8958333333vw
    }
    .useen {
        font-size: 3.90625vw;
        font-weight: 800;
        margin: 0 0 1.4322916667vw;
        font-family: "Roboto", sans-serif
    }
    .usetit {
        font-size: 7.8125vw;
        font-weight: 600
    }
    .meritsec-out .meritsec .meritin .merhead .usetit {
        margin-bottom: 4.1666666667vw;
        font-size: 6.7708333333vw
    }
    .meritsec-out .meritsec .meritin .merhead .merlead {
        font-size: 2.8645833333vw;
        line-height: 2.2;
        font-weight: 500;
        margin: 0 0 11.8489583333vw
    }
    .meritsec-out .meritsec .meritin .merlist .meritem {
        margin: 0 0 2.34375vw;
        padding: 3.515625vw 7.8125vw 3.515625vw 3.7760416667vw;
        flex-flow: wrap
    }
    .meritsec-out .meritsec .meritin .merlist .meritem .mertext {
        line-height: 1.5;
        font-size: 2.8645833333vw;
        width: 100%;
        border-top: 2px solid #282f33;
        padding: 2.8645833333vw 0 0
    }
    .meritsec-out .meritsec .meritin .merlist .meritem {
        background-color: #d8eef4;
        margin: 0 0 2.34375vw;
        border-radius: 15px;
        padding: 0px 5.078125vw 3.515625vw 5.078125vw;
        display: flex;
        align-items: center;
        flex-flow: wrap;
        justify-content: center
    }
    .meritsec-out .meritsec .meritin .merlist .meritem .mericon {
        padding: 4.296875vw 0px 3.90625vw 0;
        width: 7.1614583333vw
    }
    .meritsec-out .meritsec .meritin .merlist .meritem .mername {
        font-size: 3.90625vw;
        font-weight: 500;
        width: auto;
        border-right: 0;
        padding: 0px 0px;
        margin: 0;
        line-height: 1.2
    }
    .meritsec-out .meritsec .meritin .merlist .meritem .meritem-in {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .br04 {
        display: none
    }
    .specbox {
        background-color: #f2f2f2;
        padding: 7.8125vw 3% 0
    }
    .specbox .specinr .prodblk {
        padding: 4.8177083333vw 1.171875vw 4.1666666667vw
    }
    .specbox .specinr .prodblk .prodttl {
        font-size: 4.6875vw;
        margin: 0 0 5.46875vw
    }
    .specbox .specinr .prodblk .prodrow {
        gap: 4.9479166667vw 2%;
        flex-direction: column
    }
    .ProductGallery {
        width: 100%
    }
    .ProductGallery__thumbs {
        margin-top: 1.171875vw
    }
    .specbox .specinr .prodblk .prodrow .prodtxt {
        width: 100%
    }
    .specbox .specinr .prodblk .prodrow .prodtxt .prodsub {
        font-size: 3.125vw;
        margin: 0 0 1.5625vw
    }
    .specbox .specinr .prodblk .prodrow .prodtxt .proddes {
        font-size: 2.8645833333vw;
        line-height: 1.6;
        margin: 0 0 3.6458333333vw
    }
    .specbox .specinr .prodblk .prodrow .prodtxt .prodlist {
        padding: 0 0 4.5572916667vw
    }
    .specbox .specinr .prodblk .prodrow .prodtxt .prodlist .proddata {
        padding: 1.6927083333vw 4.0364583333vw 1.6927083333vw
    }
    .specbox .specinr .prodblk .prodrow .prodtxt .prodlist .proddata dt {
        width: 22.1354166667vw;
        font-size: 2.8645833333vw;
        line-height: 1.8
    }
    .specbox .specinr .prodblk .prodrow .prodtxt .prodlist .proddata dd {
        font-size: 2.8645833333vw;
        flex: 1;
        line-height: 1.8
    }
    .specbox .specinr .prodblk .prodrow .prodtxt .prodmemo {
        font-size: 2.8645833333vw;
        line-height: 1.6;
        font-weight: bold;
        padding: 0px 0 .9114583333vw
    }
    .chawrap {
        padding: 12.3697916667vw 0 0;
        gap: 0 3%;
        flex-direction: column
    }
    .chawrap .chatext {
        width: 100%
    }
    .chawrap .chatext .chatttl {
        font-size: 3.90625vw;
        margin: 0 0 4.6875vw
    }
    .chawrap .chatext .chadesc {
        font-size: 2.8645833333vw;
        line-height: 1.6;
        margin: 0 0 10.4166666667vw
    }
    .chawrap .chatext .chalink {
        width: 77.8645833333vw;
        height: 8.203125vw;
        font-size: 3.125vw;
        margin: 0 auto
    }
    .chawrap .chatext .chalink .chaarr {
        position: absolute;
        top: 2.9947916667vw;
        right: 3.6458333333vw;
        width: 2.2135416667vw
    }
    .chawrap .chapic {
        padding: 5.859375vw 0 17.578125vw
    }
    .casezone {
        padding: 0 3% 10.8072916667vw
    }
    .casezone .casewrap .casetopp .usetit {
        margin: 0 0 14.1927083333vw;
        font-size: 6.7708333333vw
    }
    .casezone .casewrap .casegrid {
        gap: 8.59375vw 5%;
        flex-direction: column
    }
    .casezone .casewrap .casegrid .caseitem {
        width: 100%
    }
    .casezone .casewrap .casegrid .caseitem .casetags {
        margin: 0 0 0 1.0416666667vw;
        top: -2.9947916667vw
    }
    .casezone .casewrap .casegrid .caseitem .casetags li {
        padding: 1.171875vw 1.953125vw 1.6927083333vw;
        font-size: 2.8645833333vw
    }
    .casezone .casewrap .casegrid .caseitem .casebody .casesub {
        font-size: 3.90625vw;
        margin: 0 0 3.90625vw
    }
    .casezone .casewrap .casegrid .caseitem .casebody .casetxt {
        font-size: 2.8645833333vw;
        line-height: 1.7
    }
    .flowsec {
        padding: 8.7239583333vw 3% 0
    }
    .flowsec .flowinn.w1.m0a .flowhead .usetit {
        margin: 0 0 11.328125vw;
        font-size: 6.7708333333vw
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem {
        gap: 0 4.4270833333vw
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepnum {
        width: 6.9010416667vw;
        height: 6.9010416667vw;
        font-size: 3.90625vw
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody {
        padding: 0 0 5.2083333333vw 6.25vw;
        margin: 0 0 0 -7.9427083333vw
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepttl {
        font-size: 3.90625vw;
        margin: 1.4322916667vw 0 1.953125vw
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .steptxt {
        font-size: 2.8645833333vw;
        line-height: 1.5
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns {
        gap: 2.734375vw 1%;
        flex-direction: column;
        padding: 4.296875vw 0 0
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .mailbtn {
        width: 76.6927083333vw;
        height: 17.1875vw
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .mailbtn .mailico-out {
        padding: 0 4.6875vw
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .mailbtn .mailico-out img {
        width: 6.9010416667vw
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .mailbtn span {
        margin: 0 2.6041666667vw 0 0;
        font-size: 3.3854166667vw
    }
    .back-tr .arrico {
        width: 5.3385416667vw
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .telbtn {
        width: 76.6927083333vw;
        height: 17.1875vw
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .telbtn .telico-out {
        padding: 0 2.4739583333vw 0 5.46875vw
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .telbtn .telico-out img {
        width: 3.90625vw
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .telbtn .telcap {
        font-size: 2.6041666667vw;
        margin: 0px 2.34375vw 0 0;
        line-height: 1.4
    }
    .flowsec .flowinn.w1.m0a .steplist .stepitem .stepbody .stepbtns .telbtn .telnum {
        font-size: 6.1197916667vw
    }
    .br05 {
        display: inline
    }
    .supzone {
        margin: -4.296875vw 3% 0
    }
    .suptop {
        margin: 0
    }
    .suptop .usetit {
        margin: 0 0 2.6041666667vw;
        font-size: 6.7708333333vw;
        line-height: 1.5
    }
    .suptop .suplead {
        font-size: 3.90625vw;
        margin: 0 0 3.125vw
    }
    .suptop .suptext {
        font-size: 2.8645833333vw;
        line-height: 1.5;
        margin: 0 0 5.7291666667vw
    }
    .rulebox {
        border-radius: 15px;
        padding: 4.1666666667vw 4.8177083333vw 4.1666666667vw;
        margin: 0 auto 12.109375vw
    }
    .rulebox .ruletit {
        font-size: 3.90625vw;
        line-height: 1.5;
        font-weight: 600;
        margin: 0 0 4.8177083333vw
    }
    .rulebox .rulelist .ruleitem {
        padding: 0 0 2.9947916667vw;
        margin: 0 0 4.0364583333vw
    }
    .rulebox .rulelist .ruleitem .rulebody {
        gap: 0 1.171875vw;
        padding: 0 0 1.4322916667vw
    }
    .rulebox .rulelist .ruleitem .rulebody .rulecase {
        padding: .5208333333vw 1.3020833333vw .6510416667vw;
        font-size: 2.6041666667vw
    }
    .rulebox .rulelist .ruleitem .rulebody .rulesub {
        font-size: 3.3854166667vw
    }
    .rulebox .rulelist .ruleitem .ruletxt {
        font-size: 2.8645833333vw;
        line-height: 1.5
    }
    .admsec .admhead .admlead {
        font-size: 3.90625vw;
        text-align: center;
        line-height: 1.5;
        color: #df5656;
        margin: 0 0 9.375vw;
        font-weight: 600
    }
    .admsec .admhead .admarr {
        margin: 0 0 11.328125vw
    }
    .admsec .admplan .admttl {
        text-align: center;
        margin: 0 0 13.28125vw
    }
    .admsec .admplan .admttl span {
        font-size: 3.90625vw;
        color: #fff;
        background: linear-gradient(transparent 14%, #000 0%);
        font-weight: 500;
        padding: 0 1.953125vw
    }
    .admsec .admplan .admrow {
        display: flex;
        gap: 6.1197916667vw 5%;
        max-width: 1030px;
        flex-direction: column;
        margin: 0 3% 4.9479166667vw
    }
    .admsec .admplan .admrow .admlist {
        width: 100%;
        border-top: 2px solid #282f33;
        border-bottom: 2px solid #282f33
    }
    .admsec .admplan .admrow .admlist .admbuls {
        padding: 4.8177083333vw 7.6822916667vw 3.90625vw
    }
    .admsec .admplan .admrow .admlist .admbuls li {
        font-size: 2.8645833333vw;
        margin: 0 0 2.2135416667vw
    }
    .admsec .admplan .admrow .admpic {
        width: 100%
    }
    .admsec .admplan .admrow .admpic img {
        width: 100%
    }
    .admsec .admplan .admnote {
        font-size: 2.8645833333vw;
        margin: 0 0 24.609375vw
    }
    .inqarea {
        padding: 0 3% 10.9375vw
    }
    .inqarea .inqhead .inqttl {
        font-size: 3.90625vw;
        margin: 0 0 4.0364583333vw
    }
    .inqarea .inqhead .inqlead {
        line-height: 1.7;
        font-size: 2.8645833333vw;
        font-weight: 500;
        margin: 0 0 8.4635416667vw;
        text-align: left
    }
    .br06 {
        display: inline
    }
    .inqarea .inq-row {
        gap: 2.6041666667vw .3%;
        flex-direction: column
    }
    .inqarea .inqmail {
        width: 100%;
        height: 23.6979166667vw
    }
    .inqarea .inqtel {
        width: 100%;
        height: 23.6979166667vw
    }
    .inqarea .inqgirl p {
        right: .9114583333vw;
        top: -58.7239583333vw
    }
    .inqarea .inqmail .inqicon-out {
        padding: 0 4.4270833333vw 0 13.0208333333vw
    }
    .inqicon-out img {
        width: 6.25vw
    }
    .inqarea .inqmail .inqlabel {
        font-size: 3.125vw;
        margin: 0 11.9791666667vw 0 0
    }
    .back-tr .inqarw {
        width: 4.8177083333vw
    }
    .inqarea .inqtel .telicon-out {
        padding: 0 5.078125vw 0 13.8020833333vw
    }
    .inqarea .inqtel .telicon-out img {
        width: 4.0364583333vw
    }
    .inqarea .inqtel .telbox .teltext {
        font-size: 2.734375vw;
        font-weight: 500;
        padding: 0 0 1.0416666667vw
    }
    .inqarea .inqtel .telbox .telnum {
        font-size: 6.3802083333vw;
        padding: 0 0 1.171875vw
    }
    .inqarea .inqtel .telbox .teltime {
        font-size: 2.6041666667vw
    }
    .idealist .ideaitem img {
        width: 100%
    }
    .swiper-pagination {
        display: block
    }
    .idea-pagination {
        top: 0 !important
    }
    .idea-pagination .swiper-pagination-bullet {
        width: 2.6041666667vw;
        height: 2.6041666667vw;
        background: #999;
        opacity: .6
    }
    .idea-pagination .swiper-pagination-bullet-active {
        background: #333;
        opacity: 1
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 1.3020833333vw) !important
    }
    .swiper {
        padding: 7.9427083333vw 0 0 !important
    }
    .ideawrap {
        padding: 0 0 0 3%
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        height: 2.6041666667vw !important;
        bottom: var(--swiper-pagination-bottom, 1.0416666667vw !important)
    }
    .idealist .ideacont br {
        display: none
    }
    .cwwoman>img {
        width: 22.3958333333vw
    }
    .cwarrow img {
        width: 3.6458333333vw
    }
    .flowsec .flowinn.w1.m0a .steplist {
        padding: 0 0 13.28125vw
    }
    .swiper-horizontal {
        padding: 0 !important
    }
    .inqarea .inqgirl p img {
        width: 27.2135416667vw
    }
}
/*# sourceMappingURL=style.css.map */