/***** clamp-text *****/ 
    
.clamp-tx10 { font-size: clamp(0.75rem, 1vw, 0.83rem); }
.clamp-tx11 { font-size: clamp(0.78rem, 1.05vw, 0.92rem); }
.clamp-tx12 { font-size: clamp(0.875rem, 1.2vw, 1rem); }
.clamp-tx13 { font-size: clamp(0.95rem, 1.3vw, 1.08rem); }
.clamp-tx14 { font-size: clamp(1rem, 1.4vw, 1.17rem); }
.clamp-tx15 { font-size: clamp(1.05rem, 1.45vw, 1.25rem); }
.clamp-tx16 { font-size: clamp(1rem, 1.5vw, 1.125rem); }
.clamp-tx17 { font-size: clamp(1.1rem, 1.6vw, 1.42rem); }
.clamp-tx18 { font-size: clamp(1.125rem, 2vw, 1.5rem); }
.clamp-tx19 { font-size: clamp(1.2rem, 2.1vw, 1.58rem); }
.clamp-tx20 { font-size: clamp(1.25rem, 2.2vw, 1.67rem); }
.clamp-tx21 { font-size: clamp(1.3rem, 2.3vw, 1.75rem); }
.clamp-tx22 { font-size: clamp(1.4rem, 2.4vw, 1.83rem); }
.clamp-tx23 { font-size: clamp(1.45rem, 2.45vw, 1.92rem); }
.clamp-tx24 { font-size: clamp(1.5rem, 2.5vw, 2rem); }
.clamp-tx25 { font-size: clamp(1.55rem, 2.6vw, 2.08rem); }
.clamp-tx26 { font-size: clamp(1.6rem, 2.7vw, 2.17rem); }
.clamp-tx27 { font-size: clamp(1.65rem, 2.8vw, 2.25rem); }
.clamp-tx28 { font-size: clamp(1.75rem, 3vw, 2.33rem); }
.clamp-tx29 { font-size: clamp(1.8rem, 3.1vw, 2.42rem); }
.clamp-tx30 { font-size: clamp(1.875rem, 3.2vw, 2.5rem); }
.clamp-tx31 { font-size: clamp(1.95rem, 3.3vw, 2.58rem); }
.clamp-tx32 { font-size: clamp(2rem, 3.4vw, 2.67rem); }
.clamp-tx33 { font-size: clamp(2.05rem, 3.5vw, 2.75rem); }
.clamp-tx34 { font-size: clamp(2.1rem, 3.6vw, 2.83rem); }
.clamp-tx35 { font-size: clamp(2.2rem, 3.7vw, 2.92rem); }
.clamp-tx36 { font-size: clamp(2.25rem, 3.8vw, 3rem); }
.clamp-tx37 { font-size: clamp(2.3rem, 3.9vw, 3.08rem); }
.clamp-tx38 { font-size: clamp(2.35rem, 4vw, 3.17rem); }
.clamp-tx39 { font-size: clamp(2.4rem, 4.1vw, 3.25rem); }
.clamp-tx40 { font-size: clamp(2.5rem, 4.2vw, 3.33rem); }
.clamp-tx41 { font-size: clamp(2.55rem, 4.3vw, 3.42rem); }
.clamp-tx42 { font-size: clamp(2.6rem, 4.4vw, 3.5rem); }
.clamp-tx43 { font-size: clamp(2.7rem, 4.5vw, 3.58rem); }
.clamp-tx44 { font-size: clamp(2.75rem, 4.6vw, 3.67rem); }
.clamp-tx45 { font-size: clamp(2.8rem, 4.7vw, 3.75rem); }
.clamp-tx46 { font-size: clamp(2.9rem, 4.8vw, 3.83rem); }
.clamp-tx47 { font-size: clamp(2.95rem, 4.9vw, 3.92rem); }
.clamp-tx48 { font-size: clamp(3rem, 5vw, 4rem); }
.clamp-tx49 { font-size: clamp(3.05rem, 5.1vw, 4.08rem); }
.clamp-tx50 { font-size: clamp(3.125rem, 5.2vw, 4.17rem); }


.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}
.container:after, .container:before {
    content: " ";
    display: table
}
.container:after {
    clear: both
}

@media (min-width:768px) {
.container {
    width: auto
}
}

@media (min-width:992px) {
.container {
    width: auto
}
}

@media (min-width:1200px) {
.container {
    width: 1180px
}
}
.max-width-1010 {
    max-width: 1010px!important
}
.max-width-980 {
    max-width: 980px!important
}
.row-35 {
    margin-right: -35px;
    margin-left: -35px
}
.row-35 > div {
    padding-right: 35px;
    padding-left: 35px
}
.row {
    margin-left: -15px;
    margin-right: -15px
}
.row:after, .row:before {
    content: " ";
    display: table
}
.row:after {
    clear: both
}
.col-sm-6 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.col-sm-6 {
    width: 50%;
    float: left;
}
.dl-list-indent {
    margin-bottom: 0
}
.dl-list-indent, .dl-list-indent dd {
    overflow: hidden;
    zoom: 1
}
.dl-list-indent dd, .dl-list-indent dt {
    display: table-cell;
    line-height: 1.4;
    vertical-align: top
}
.dl-list-indent dt {
    padding-right: 5px;
    font-weight: 400
}
.dl-list-indent dt img {
    display: block
}
.dl-list-indent dd {
    width: 10000px
}

.section-news-and-banner .title-news small {
    margin-left: 52px;
    font-size: 12px
}
.section-news-and-banner .title-news .btn {
    font-size: 10px!important;
    display: flex!important;
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    justify-content: center!important;
    align-items: center!important;
    height: 22px!important;
    width: 60px!important;
    float: right!important;
}
/****/


/*.section-news-and-banner {
 padding-top: 234px;
 padding-bottom: 215px
}*/
.section-news-and-banner {
    padding-top: 100px;
  
}
.section-news-and-banner .title-news {
    padding-bottom: 5px;
    font-weight: 500;
    border-bottom: 2px solid #000
}
.section-news-and-banner .title-news small {
    margin-left: 52px;
    font-size: 12px
}
.section-news-and-banner .title-news .btn {
    padding: 0px 20px 2px;
    font-size: 10px
}
.section-news-and-banner .title-news .cell {
    vertical-align: top
}
.section-news-and-banner .dl-list-indent {
    padding-top: 11px;
    padding-bottom: 11px
}
.section-news-and-banner .dl-list-indent dt {
    padding-right: 30px;
    color: #576280
}
.section-news-and-banner .dl-list-indent + .dl-list-indent {
    border-top: 1px solid #c5c5c4
}
.section-news-and-banner .dl-list-indent:last-of-type {
    border-bottom: 1px solid #000
}
.section-news-and-banner .banner {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 4px;
    font-size: 16px;
    letter-spacing: 4px;
    color: #fff;
    text-align: center
}
.section-news-and-banner .banner:hover {
    opacity: .7;
    text-decoration: none
}
.section-news-and-banner .banner small {
    display: block;
    font-size: 12px
}
.section-news-and-banner .banner.banner-voice {
    background-repeat: no-repeat;
    background-position: 95% 3px;
    background-image: url(../images/top_img/bg-voice2.png);
    background-color: #8db7e9;
    background-size: auto 130%;
}
.section-news-and-banner .banner.banner-contact {
    background-color: #b72122
}
/*.section-news-and-banner .banner + .banner {
  margin-top: 24px
}*/
/*.section-news-and-banner .banner:first-child {
  margin-top: 30px
}*/
.section-news-and-banner .banner {
    margin-top: 17px;
    margin-bottom: 17px
}
/******/
.t-shadow {
    text-shadow: 4px 4px 13px #000!important;
}
.t-shadow2 {
    text-shadow: 4px 4px 6px #000!important;
}
.bg-fixed {
    background-attachment: fixed;/*background-position: center center;*/
}
.bg-fixed-resp {
    background-attachment: fixed;
    /*background-position: center center;*/
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #FFFFFF;
    background-size: cover;
    position: relative;
}
.contain {
    background-size: contain;
}
.cover {
    background-size: cover;
}

.object-fit{
  object-fit: contain;
  font-family: 'object-fit: contain;'
}

.object-fit-cover {
    width: 100%;
    object-fit: cover;
}

.object-fit-cover-center {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	height: 100%;
	
}




.text-right {
    text-align: right
}
.btn-dark-red {
    color: #fff;
    background-color: #231815;
    border-color: #231815;
    padding: 2px 30px 3px;
    font-size: 12px;
    border-radius: 3px
}
.btn-dark-red.active, .btn-dark-red.focus, .btn-dark-red:active, .btn-dark-red:focus, .btn-dark-red:hover, .open>.btn-dark-red.dropdown-toggle {
    color: #fff;
    background-color: #030202;
    border-color: #000
}
.btn-dark-red.active.focus, .btn-dark-red.active:focus, .btn-dark-red.active:hover, .btn-dark-red:active.focus, .btn-dark-red:active:focus, .btn-dark-red:active:hover, .open > .btn-dark-red.dropdown-toggle.focus, .open > .btn-dark-red.dropdown-toggle:focus, .open > .btn-dark-red.dropdown-toggle:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}
.btn-dark-red.active, .btn-dark-red:active, .open > .btn-dark-red.dropdown-toggle {
    background-image: none
}
.btn-dark-red.disabled.focus, .btn-dark-red.disabled:focus, .btn-dark-red.disabled:hover, .btn-dark-red[disabled].focus, .btn-dark-red[disabled]:focus, .btn-dark-red[disabled]:hover, fieldset[disabled] .btn-dark-red.focus, fieldset[disabled] .btn-dark-red:focus, fieldset[disabled] .btn-dark-red:hover {
    background-color: #231815;
    border-color: #231815
}
.btn-dark-red .badge {
    color: #231815;
    background-color: #fff
}
.btn-dark-red:hover {
    opacity: .7
}
/*parts-color*/

.nowrap {
    white-space: nowrap;
}
.tCw {
    color: #fff!important;
}
.tCb {
    color: #000;
}
.tCg {
    color: #7a6f69;
}
.tCg2 {
    color: #595757;
}
/*******border****/
.title-with-side-border-xs {
    display: inline-block;
    min-width: 160px;
    padding: 5px 30px;
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
    border-right: 1px solid #999;
    border-left: 1px solid #999
}
.bCw {
    border: 1px solid #FFFFFF;
}
.bCb {
    border: 1px solid #000;
}
.bLRw {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.bLRb {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}
.bLRb2 {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.bLb, .bLb-resp {
    border-left: 1px solid #000!important;
}
.bLw {
    border-left: 1px solid #ffffff;
}
.bLw2 {
    border-left: 1px solid #979595;
}
.bRb {
    border-right: 1px solid #000!important;
}
.bRw {
    border-right: 1px solid #BBBECA;
}
.bBb, .bBb-resp {
    border-bottom: 1px solid #000;
}

.bBc{
    border-bottom: 1px solid #ccc;
}
.bTc{
    border-top: 1px solid #ccc;
}

.bTb {
    border-top: 1px solid #000;
}



/******position*****/

.mAuto {
    margin-left: auto;
    margin-right: auto;
}

.wAuto {
    width: auto
}

.hAuto {
    height: auto
}
/******align*****/

.tAl {
    text-align: left;
}
.tAl-resp {
    text-align: left;
}
.tAr {
    text-align: right;
}
.tAc {
    text-align: center;
}
.respo-tAc {
    text-align: center;
}
.respo-tAl {
    text-align: left;
}
.tL {
    text-align: left;
}
.tC {
    text-align: center;
}
.tR {
    text-align: right;
}
.tAm {
    vertical-align: middle;
}
/*letter-spacing*/
.ls-02 {
    letter-spacing: -0.02em;
}
.ls-01 {
    letter-spacing: -0.01em;
}
.ls0 {
    letter-spacing: 0em;
}
.ls01 {
    letter-spacing: 0.01em;
}
.ls02 {
    letter-spacing: 0.02em;
}
.ls03 {
    letter-spacing: 0.03em;
}
.ls04 {
    letter-spacing: 0.04em;
}
.ls05 {
    letter-spacing: 0.05em;
}
.ls06 {
    letter-spacing: 0.06em;
}
.ls07 {
    letter-spacing: 0.07em;
}
.ls08 {
    letter-spacing: 0.08em;
}
.ls09 {
    letter-spacing: 0.09em;
}
.ls10 {
    letter-spacing: 0.1em;
}
.ls20 {
    letter-spacing: 0.2em;
}
.ls30 {
    letter-spacing: 0.3em;
}
.ls40 {
    letter-spacing: 0.4em;
}
.ls50 {
    letter-spacing: 0.5em;
}
.ls60 {
    letter-spacing: 0.6em;
}
.ls70 {
    letter-spacing: 0.7em;
}
.ls80 {
    letter-spacing: 0.8em;
}
.ls90 {
    letter-spacing: 0.9em;
}
.ls100 {
    letter-spacing: 1em!important;
}
.lH-no {
  line-height:normal!important;
}
.lH0 {
    line-height: 0em;
}
.lH01 {
    line-height: 0.1em;
}
.lH02 {
    line-height: 0.2em;
}
.lH03 {
    line-height: 0.3em;
}
.lH04 {
    line-height: 0.4em;
}
.lH05 {
    line-height: 0.5em;
}
.lH06 {
    line-height: 0.6em;
}
.lH07 {
    line-height: 0.7em;
}
.lH08 {
    line-height: 0.8em;
}
.lH09 {
    line-height: 0.9em;
}
.lH10 {
    line-height: 1em;
}
.lH11 {
    line-height: 1.1em;
}
.lH12 {
    line-height: 1.2em;
}
.lH13 {
    line-height: 1.3em;
}
.lH14 {
    line-height: 1.4em;
}
.lH15 {
    line-height: 1.5em;
}
.lH16 {
    line-height: 1.6em;
}
.lH17 {
    line-height: 1.7em;
}
.lH18 {
    line-height: 1.8em;
}
.lH19 {
    line-height: 1.9em;
}
.lH20 {
    line-height: 2em;
}
.lH21 {
    line-height: 2.1em;
}
.lH22 {
    line-height: 2.2em;
}
.lH23 {
    line-height: 2.3em;
}
.lH40 {
    line-height: 4em;
}
/*font-size*/

.tx10 {
    font-size: 10px!important;
}
.tx11 {
    font-size: 11px!important;
}
.tx12 {
    font-size: 12px!important;
}
.tx13 {
    font-size: 13px!important;
}
.tx14 {
    font-size: 14px!important;
}
.tx15 {
    font-size: 15px!important;
}
.tx16 {
    font-size: 16px!important;
}
.tx17 {
    font-size: 17px!important;
}
.tx18 {
    font-size: 18px!important;
}
.tx19 {
    font-size: 19px!important;
}
.tx20 {
    font-size: 20px!important;
}
.tx21 {
    font-size: 21px!important;
}
.tx22 {
    font-size: 22px!important;
}
.tx23 {
    font-size: 23px!important;
}
.tx24 {
    font-size: 24px!important;
}
.tx25 {
    font-size: 25px!important;
}
.tx26 {
    font-size: 26px!important;
}
.tx27 {
    font-size: 27px!important;
}
.tx28 {
    font-size: 28px!important;
}
.tx29 {
    font-size: 29px!important;
}
.tx30 {
    font-size: 30px!important;
}
.tx30 {
    font-size: 30px!important;
}
.tx31 {
    font-size: 31px!important;
}
.tx32 {
    font-size: 32px;
}
.tx33 {
    font-size: 33px;
}
.tx34 {
    font-size: 34px;
}
.tx35 {
    font-size: 35px;
}
.tx36 {
    font-size: 36px;
}
.tx37 {
    font-size: 37px;
}
.tx38 {
    font-size: 38px;
}
.tx39 {
    font-size: 39px;
}
.tx40 {
    font-size: 40px;
}
.tx41 {
    font-size: 41px;
}
.tx42 {
    font-size: 42px;
}
.tx43 {
    font-size: 43px;
}
.tx44 {
    font-size: 44px;
}
.tx45 {
    font-size: 45px;
}
.tx46 {
    font-size: 46px;
}
.tx47 {
    font-size: 47px;
}
.tx48 {
    font-size: 48px;
}
.tx49 {
    font-size: 49px;
}
.tx50 {
    font-size: 50px;
}
.tx51 {
    font-size: 51px;
}
.tx52 {
    font-size: 52px;
}
.tx53 {
    font-size: 53px;
}
.tx54 {
    font-size: 54px;
}
.tx55 {
    font-size: 55px;
}
.tx56 {
    font-size: 56px;
}
.tx57 {
    font-size: 57px;
}
.tx58 {
    font-size: 58px;
}
.tx59 {
    font-size: 59px;
}
.tx60 {
    font-size: 60px;
}
.txW {
    color: #FFFFFF;
}
.txSP05 {
    letter-spacing: 0.5em;
}
.txSP006 {
    letter-spacing: 0.06em;
}
/*float*/

.clear{
    
    clear: both;
}
.fL {
    float: left;
}
.fR {
    float: right;
}
.fL_li {
    display: table;
}
.fL_li li {
    display: table-cell;
    text-align: left;
    margin-bottom: 80px;
   
}
.table-cell {
    display: table;
    width: 100%
}
.table-cell > .cell {
    display: table-cell
}
.table-cell.bordered {
    margin-bottom: 30px
}
.table-cell.bordered .cell {
    padding: 0 10px;
    margin-bottom: 35px;
    border-left: 1px solid #666
}
/*height*/
.h10 {
    height: 10px;
}
.h15 {
    height: 15px;
}

.h20 {
    height: 20px!important;
}
.h21 {
    height: 21px;
}
.h22 {
    height: 22px;
}
.h23 {
    height: 23px;
}
.h24 {
    height: 24px;
}
.h25 {
    height: 25px;
}
.h26 {
    height: 26px;
}
.h27 {
    height: 27px;
}
.h28 {
    height: 28px;
}
.h29 {
    height: 29px;
}
.h30 {
    height: 30px;
}
.h40 {
    height: 40px;
}
.h50 {
    height: 50px;
}
.h58 {
    height: 58px;
}
.h60 {
    height: 60px;
}
.h70 {
    height: 70px;
}
.h80 {
    height: 70px;
}
.h81 {
    height: 81px;
}
.h82 {
    height: 82px;
}
.h83 {
    height: 83px;
}
.h84 {
    height: 84px;
}
.h85 {
    height: 85px;
}
.h86 {
    height: 86px;
}
.h87 {
    height: 87px;
}
.h88 {
    height: 88px;
}
.h89 {
    height: 89px;
}
.h90 {
    height: 90px;
}
.h100 {
    height: 100px;
}
.h186 {
    height: 186px;
   
}
.h150 {
    height: 150px;
}
.h200 {
    height: 200px;
}
.h250 {
    height: 250px;
}
.h260 {
    height: 260px;
}
.h270 {
    height: 270px;
}
.h280 {
    height: 280px;
}

.h290 {
    height: 290px;
}

.h300 {
    height: 300px;
}
.h310 {
    height: 310px;
}
.h320 {
    height: 320px;
}
.h330 {
    height: 330px;
}
.h340 {
    height: 340px;
}
.h350 {
    height: 350px;
}
.h360 {
    height: 360px;
}
.h370 {
    height: 370px;
}
.h380 {
    height: 380px;
}
.h390 {
    height: 390px;
}

.h400 {
    height: 400px!important;
}
.h500 {
    height: 500px;
}
.h600 {
    height: 600px;
}
.h700 {
    height: 700px;
}
/*width*/
.w100per {
    width: 100%!important;
}
.w95per {
    width: 95%!important;
}
.w90per {
    width: 90%!important;
}
.w80per {
    width: 80%!important;
}
.w70per {
    width: 70%!important;
}
.w68per {
    width: 68%!important;
}
.w60per {
    width: 60%!important;
}
.w50per {
    width: 50%!important;
}
.w55per {
    width: 55%!important;
}
.w56per {
    width: 56%!important;
}
.w40per {
    width: 40%!important;
}
.w44per {
    width: 44%!important;
}
.w45per {
    width: 45%!important;
}
.w30per {
    width: 30%!important;
}
.w33per {
    width: 33.3333%!important;
}
.w25per {
    width: 25%!important;
}
.w20per {
    width: 20%!important;
}
.w10per {
    width: 10%!important;
}
.rw100per {
    width: 100%!important;
}
.rw95per {
    width: 95%!important;
}
.rw90per {
    width: 90%!important;
}
.rw80per {
    width: 80%!important;
}
.rw70per {
    width: 70%!important;
}
.rw68per {
    width: 68%!important;
}
.rw60per {
    width: 60%!important;
}
.rw50per {
    width: 50%!important;
}
.rw55per {
    width: 55%!important;
}
.rw40per {
    width: 40%!important;
}
.rw45per {
    width: 45%!important;
}
.rw30per {
    width: 30%!important;
}
.rw33per {
    width: 33.3333%!important;
}
.rw25per {
    width: 25%!important;
}
.rw20per {
    width: 20%!important;
}
.rw10per {
    width: 10%!important;
}
.w10 {
    width: 10px!important;
}
.w15 {
    width: 15px!important;
}
.w20 {
    width: 20px!important;
}
.w30 {
    width: 30px!important;
}
.w40 {
    width: 40px!important;
}
.w50 {
    width: 50px!important;
}
.w60 {
    width: 60px!important;
}
.w70 {
    width: 70px!important;
}
.w80 {
    width: 80px!important;
}
.w90 {
    width: 90px!important;
}
.w100 {
    width: 100px!important;
}
.w150 {
    width: 150px;
}
.w160 {
    width: 160px;
}
.w170 {
    width: 170px;
}
.w180 {
    width: 180px;
}
.w190 {
    width: 190px;
}
.w200 {
    width: 200px;
}
.w210 {
    width: 210px;
}
.w220 {
    width: 220px;
}
.w230 {
    width: 230px;
}
.w240 {
    width: 240px;
}
.w250 {
    width: 250px;
}
.w260 {
    width: 260px;
}
.w270 {
    width: 270px;
}
.w280 {
    width: 280px;
}
.w290 {
    width: 290px;
}
.w300 {
    width: 300px;
}
.w310 {
    width: 310px;
}
.w320 {
    width: 320px;
}
.w330 {
    width: 330px;
}
.w340 {
    width: 340px;
}
.w350 {
    width: 350px;
}
.w360 {
    width: 360px;
}
.w370 {
    width: 370px;
}
.w380 {
    width: 380px;
}
.w390 {
    width: 390px;
}
.w400 {
    width: 400px;
}
.w410 {
    width: 410px;
}
.w420 {
    width: 420px;
}
.w430 {
    width: 430px;
}
.w440 {
    width: 440px;
}
.w444 {
    width: 444px;
}
.w450 {
    width: 450px;
}
.w460 {
    width: 460px;
}
.w470 {
    width: 470px;
}
.w474 {
    width: 474px;
}
.w480 {
    width: 480px;
}
.w481 {
    width: 481px;
}
.w482 {
    width: 482px;
}
.w490 {
    width: 490px;
}
.w500 {
    width: 500px;
}
.w510 {
    width: 500px;
}
.w520 {
    width: 520px;
}
.w530 {
    width: 530px;
}
.w540 {
    width: 540px;
}
.w550 {
    width: 550px;
}
.w560 {
    width: 560px;
}
.w570 {
    width: 570px;
}
.w580 {
    width: 580px;
}
.w590 {
    width: 590px;
}
.w600 {
    width: 600px;
}
.w610 {
    width: 610px;
}
.w620 {
    width: 620px;
}
.w630 {
    width: 630px;
}
.w640 {
    width: 640px;
}
.w650 {
    width: 650px;
}
.w660 {
    width: 660px;
}
.w670 {
    width: 670px;
}
.w680 {
    width: 680px;
}
.w690 {
    width: 690px;
}
.w700 {
    width: 700px;
}
.w710 {
    width: 700px;
}
.w720 {
    width: 710px;
}
.w730 {
    width: 720px;
}
.w740 {
    width: 730px;
}
.w750 {
    width: 740px;
}
.w760 {
    width: 750px;
}
.w770 {
    width: 760px;
}
.w780 {
    width: 770px;
}
.w790 {
    width: 790px;
}
.w800 {
    width: 800px;
}
.w900 {
    width: 900px;
}
.w980 {
    width: 980px;
}
.max-w100 {
    max-width: 100px;
}
.max-w200 {
    max-width: 200px;
}
.max-w300 {
    max-width: 300px;
}
.max-w400 {
    max-width: 400px;
}
.max-w500 {
    max-width: 500px;
}
.max-w600 {
    max-width: 600px;
}

.max-w650 {
    max-width: 650px;
}
.max-w700 {
    max-width: 700px;
}
.max-w800 {
    max-width: 800px;
}
.max-w900 {
    max-width: 900px;
}
.max-w1000 {
    max-width: 1000px;
}
/*margin*/
.mAuto {
    margin-left: auto;
    margin-right: auto;
}
.mB0 {
    margin-bottom: 0px!important;
}
.mB1 {
    margin-bottom: 1px!important;
}
.mB2 {
    margin-bottom: 2px!important;
}
.mB3 {
    margin-bottom: 3px!important;
}
.mB4 {
    margin-bottom: 4px!important;
}
.mB5 {
    margin-bottom: 5px!important;
}
.mB6 {
    margin-bottom: 6px!important;
}
.mB7 {
    margin-bottom: 7px!important;
}
.mB8 {
    margin-bottom: 8px!important;
}
.mB9 {
    margin-bottom: 9px!important;
}
.mB10 {
    margin-bottom: 10px!important;
}
.mB20 {
    margin-bottom: 20px!important;
}
.mB30 {
    margin-bottom: 30px!important;
}
.mB40 {
    margin-bottom: 40px!important;
}
.mB50 {
    margin-bottom: 50px!important;
}
.mB60 {
    margin-bottom: 60px;
}
.mB70 {
    margin-bottom: 70px;
}
.mB80 {
    margin-bottom: 80px;
}
.mB90 {
    margin-bottom: 90px;
}
.mB100 {
    margin-bottom: 100px;
}
.mB110 {
    margin-bottom: 110px;
}
.mB120 {
    margin-bottom: 120px;
}
.mB130 {
    margin-bottom: 130px;
}
.mB140 {
    margin-bottom: 140px;
}
.mB150 {
    margin-bottom: 150px;
}
.mB160 {
    margin-bottom: 160px;
}
.mB170 {
    margin-bottom: 170px;
}
.mB180 {
    margin-bottom: 180px;
}
.mB190 {
    margin-bottom: 190px;
}
.mB200 {
    margin-bottom: 200px;
}
.mA0 {
    margin: 0px;
}

.mT0 {
    margin-top: 0px!important;
}
.mT1 {
    margin-top: 1px!important;
}
.mT2 {
    margin-top: 2px!important;
}
.mT3 {
    margin-top: 3px!important;
}
.mT4 {
    margin-top: 4px!important;
}
.mT5 {
    margin-top: 5px!important;
}
.mT6 {
    margin-top: 6px!important;
}
.mT7 {
    margin-top: 7px!important;
}
.mT8 {
    margin-top: 8px!important;
}
.mT9 {
    margin-top: 9px!important;
}
.mT10 {
    margin-top: 10px!important;
}
.mT20 {
    margin-top: 20px!important;
}
.mT25 {
    margin-top: 25px;
}
.mT30 {
    margin-top: 30px;
}
.mT40 {
    margin-top: 40px;
}
.mT50 {
    margin-top: 50px;
}
.mT60 {
    margin-top: 60px;
}
.mT70 {
    margin-top: 70px;
}
.mT80 {
    margin-top: 80px;
}
.mT90 {
    margin-top: 90px;
}
.mT100 {
    margin-top: 100px;
}
.mT110 {
    margin-top: 110px;
}
.mT120 {
    margin-top: 120px;
}
.mT130 {
    margin-top: 130px;
}
.mT140 {
    margin-top: 140px;
}
.mT150 {
    margin-top: 150px;
}
.mT160 {
    margin-top: 160px;
}
.mT170 {
    margin-top: 170px;
}
.mT180 {
    margin-top: 180px;
}
.mT190 {
    margin-top: 190px;
}
.mT200 {
    margin-top: 200px;
}
.mLR12 {
    margin-left: 12px;
    margin-right: 12px;
}
.mL1 {
    margin-left: 1px;
}
.mL2 {
    margin-left: 2px;
}
.mL3 {
    margin-left: 3px;
}
.mL4 {
    margin-left: 4px;
}
.mL5 {
    margin-left: 5px;
}
.mL6 {
    margin-left: 6px;
}
.mL7 {
    margin-left: 7px;
}
.mL8 {
    margin-left: 8px;
}
.mL9 {
    margin-left: 9px;
}
.mL10 {
    margin-left: 10px;
}
.mL20 {
    margin-left: 20px;
}
.mL30 {
    margin-left: 30px;
}
.mL40 {
    margin-left: 40px;
}
.mL50 {
    margin-left: 50px;
}
.mL55 {
    margin-left: 55px;
}
.mL60 {
    margin-left: 60px;
}
.mL70 {
    margin-left: 70px;
}
.mL80 {
    margin-left: 80px;
}
.mL90 {
    margin-left: 90px;
}
.mL100 {
    margin-left: 100px;
}
.mR1 {
    margin-right: 1px;
}
.mR2 {
    margin-right: 2px;
}
.mR3 {
    margin-right: 3px;
}
.mR4 {
    margin-right: 4px;
}
.mR5 {
    margin-right: 5px;
}
.mR6 {
    margin-right: 6px;
}
.mR7 {
    margin-right: 7px;
}
.mR8 {
    margin-right: 8px;
}
.mR9 {
    margin-right: 9px;
}
.mR10 {
    margin-right: 10px;
}
.mR20 {
    margin-right: 20px!important;
}
.mR30 {
    margin-right: 30px;
}
.mR40 {
    margin-right: 40px;
}
.mR50 {
    margin-right: 50px;
}
.mR55 {
    margin-right: 55px;
}
.mR60 {
    margin-right: 60px;
}
.mR70 {
    margin-right: 70px;
}
.mR80 {
    margin-right: 80px;
}
.mR90 {
    margin-right: 90px;
}
.mR100 {
    margin-right: 100px;
}
.mB10 {
    margin-bottom: 10px;
}
.mB20 {
    margin-bottom: 20px;
}
.mB30 {
    margin-bottom: 30px;
}
.mB40 {
    margin-bottom: 40px;
}
.mB50 {
    margin-bottom: 50px;
}
.mB60 {
    margin-bottom: 60px;
}
.mB70 {
    margin-bottom: 70px;
}
.mB80 {
    margin-bottom: 80px;
}
.mB90 {
    margin-bottom: 90px;
}
.mB100 {
    margin-bottom: 100px;
}
.mB200 {
    margin-bottom: 200px;
}
.mLR5 {
    margin-right: 5px;
    margin-left: 5px;
}
.mLR10 {
    margin-right: 10px;
    margin-left: 10px;
}
.mLR20 {
    margin-right: 20px;
    margin-left: 20px;
}
.pLR10 {
    padding-left: 10px;
    padding-right: 10px;
}
.pLR12 {
    padding-left: 12px;
    padding-right: 12px;
}
.pLR15 {
    padding-left: 15px;
    padding-right: 15px;
}
.pLR20 {
    padding-left: 20px;
    padding-right: 20px;
}
.pLR25 {
    padding-left: 25px;
    padding-right: 25px;
}
.pLR30 {
    padding-left: 30px;
    padding-right: 30px;
}
.pLR40 {
    padding-left: 40px;
    padding-right: 40px;
}
.pLR50 {
    padding-left: 50px;
    padding-right: 50px;
}
.pLR60 {
    padding-left: 60px;
    padding-right: 60px;
}
.pLR70 {
    padding-left: 70px;
    padding-right: 70px;
}
.pA0 {
    padding: 0px;
}
.pA5 {
    padding: 5px;
}
.pA10 {
    padding: 10px;
}
.pA20 {
    padding: 20px;
}
.pA30 {
    padding: 30px;
}
.pA40 {
    padding: 40px;
}
.pA50 {
    padding: 50px;
}
.pA60 {
    padding: 60px;
}
.pA70 {
    padding: 70px;
}
.pA80 {
    padding: 80px;
}
.pA90 {
    padding: 90px;
}
.pA100 {
    padding: 100px;
}
.pLR5 {
    padding-left: 5px;
    padding-right: 5px;
}
.pLR10 {
    padding-left: 10px;
    padding-right: 10px;
}
.pT0 {
    padding-top: 0px!important;
}
.pT1 {
    padding-top: 1px;
}
.pT2 {
    padding-top: 2px;
}
.pT3 {
    padding-top: 3px;
}
.pT4 {
    padding-top: 4px;
}
.pT5 {
    padding-top: 5px;
}
.pT6 {
    padding-top: 6px;
}
.pT7 {
    padding-top: 7px;
}
.pT8 {
    padding-top: 8px;
}
.pT9 {
    padding-top: 9px;
}
.pT10 {
    padding-top: 10px;
}
.pT11 {
    padding-top: 11px;
}
.pT12 {
    padding-top: 12px;
}
.pT13 {
    padding-top: 13px;
}
.pT14 {
    padding-top: 14px;
}
.pT15 {
    padding-top: 15px;
}
.pT16 {
    padding-top: 16px;
}
.pT17 {
    padding-top: 17px;
}
.pT18 {
    padding-top: 18px;
}
.pT19 {
    padding-top: 19px;
}
.pT20 {
    padding-top: 20px;
}
.pT21 {
    padding-top: 21px;
}
.pT22 {
    padding-top: 22px;
}
.pT23 {
    padding-top: 23px;
}
.pT24 {
    padding-top: 24px;
}
.pT25 {
    padding-top: 25px;
}
.pT26 {
    padding-top: 26px;
}
.pT27 {
    padding-top: 27px;
}
.pT28 {
    padding-top: 28px;
}
.pT29 {
    padding-top: 29px;
}
.pT30 {
    padding-top: 30px;
}
.pT31 {
    padding-top: 31px;
}
.pT32 {
    padding-top: 32px;
}
.pT33 {
    padding-top: 33px;
}
.pT34 {
    padding-top: 34px;
}
.pT35 {
    padding-top: 35px;
}
.pT40 {
    padding-top: 40px;
}
.pT50 {
    padding-top: 50px;
}
.pT51 {
    padding-top: 51px;
}
.pT52 {
    padding-top: 52px;
}
.pT53 {
    padding-top: 53px;
}
.pT54 {
    padding-top: 54px;
}
.pT55 {
    padding-top: 55px;
}
.pT56 {
    padding-top: 56px;
}
.pT57 {
    padding-top: 57px;
}
.pT58 {
    padding-top: 58px;
}
.pT59 {
    padding-top: 59px;
}
.pT60 {
    padding-top: 60px;
}
.pT70 {
    padding-top: 70px;
}
.pT80 {
    padding-top: 80px;
}
.pT90 {
    padding-top: 90px;
}
.pT100 {
    padding-top: 100px;
}
.pT110 {
    padding-top: 110px;
}
.pT120 {
    padding-top: 120px;
}
.pT130 {
    padding-top: 130px;
}
.pT140 {
    padding-top: 140px;
}
.pT150 {
    padding-top: 150px;
}
.pT160 {
    padding-top: 160px;
}
.pT170 {
    padding-top: 170px;
}
.pT180 {
    padding-top: 180px;
}
.pT190 {
    padding-top: 190px;
}
.pT200 {
    padding-top: 200px;
}
.pR0 {
    padding-right: 0px!important;
}
.pR1 {
    padding-right: 1px!important;
}
.pR2 {
    padding-right: 2px!important;
}
.pR3 {
    padding-right: 3px!important;
}

.pR4 {
    padding-right: 4px!important;
}
.pR5 {
    padding-right: 5px!important;
}
.pR6 {
    padding-right: 6px!important;
}
.pR7 {
    padding-right: 7px!important;
}
.pR8 {
    padding-right: 8px!important;
}
.pR9 {
    padding-right: 9px!important;
}
.pR10 {
    padding-right: 10px!important;
}
.pR15 {
    padding-right: 15px!important;
}
.pR20 {
    padding-right: 20px;
}
.pR30 {
    padding-right: 30px;
}
.pR40 {
    padding-right: 40px;
}
.pR50 {
    padding-right: 50px;
}
.pR60 {
    padding-right: 60px;
}
.pR70 {
    padding-right: 70px;
}
.pR80 {
    padding-right: 80px;
}
.pR90 {
    padding-right: 90px;
}
.pR100 {
    padding-right: 100px;
}
.pL1, .pL1-resp {
    padding-left: 10px;
}
.pL2, .pL2-resp {
    padding-left: 10px;
}
.pL3, .pL3-resp {
    padding-left: 10px;
}
.pL4, .pL4-resp {
    padding-left: 10px;
}
.pL5, .pL5-resp {
    padding-left: 10px;
}
.pL6, .pL6-resp {
    padding-left: 10px;
}
.pL7, .pL7-resp {
    padding-left: 10px;
}
.pL8, .pL8-resp {
    padding-left: 10px;
}
.pL9, .pL9-resp {
    padding-left: 10px;
}
.pL10, .pL10-resp {
    padding-left: 10px!important;
}
.pL15 {
    padding-left: 15px!important;
}
.pL20, .pL20-resp {
    padding-left: 20px!important;
}
.pL30, .pL30-resp {
    padding-left: 30px!important;
}
.pL31 {
    padding-left: 31x;
}
.pL32 {
    padding-left: 32px;
}
.pL33 {
    padding-left: 33px;
}
.pL34 {
    padding-left: 34px;
}
.pL35 {
    padding-left: 35px;
}
.pL36 {
    padding-left: 36px;
}
.pL37 {
    padding-left: 37px;
}
.pL38 {
    padding-left: 38px;
}
.pL39 {
    padding-left: 39px;
}
.pL40, .pL40-resp {
    padding-left: 40px;
}
.pL50, .pL50-resp {
    padding-left: 50px;
}
.pL60, .pL60-resp {
    padding-left: 60px;
}
.pL70, .pL70-resp {
    padding-left: 70px;
}
.pL80, .pL80-resp {
    padding-left: 80px;
}
.pL90, .pL90-resp {
    padding-left: 90px;
}
.pL100, .pL100-resp {
    padding-left: 100px;
}
.pB0 {
    padding-bottom: 0px!important;
}
.pB1 {
    padding-bottom: 1px;
}
.pB2 {
    padding-bottom: 2px;
}
.pB3 {
    padding-bottom: 3px;
}
.pB4 {
    padding-bottom: 4px;
}
.pB5 {
    padding-bottom: 5px;
}
.pB6 {
    padding-bottom: 6px;
}
.pB7 {
    padding-bottom: 7px;
}
.pB8 {
    padding-bottom: 8px;
}
.pB9 {
    padding-bottom: 9px;
}
.pB10 {
    padding-bottom: 10px;
}
.pB15 {
    padding-bottom: 15px!important;
}
.pB20 {
    padding-bottom: 20px;
}
.pB30 {
    padding-bottom: 30px;
}
.pB40 {
    padding-bottom: 40px;
}
.pB50 {
    padding-bottom: 50px;
}
.pB60 {
    padding-bottom: 60px;
}
.pB70 {
    padding-bottom: 70px;
}
.pB80 {
    padding-bottom: 80px;
}
.pB90 {
    padding-bottom: 90px;
}
.pB100 {
    padding-bottom: 100px;
}
.pB110 {
    padding-bottom: 110px;
}
.pB120 {
    padding-bottom: 120px;
}
.pB130 {
    padding-bottom: 130px;
}
.pB140 {
    padding-bottom: 140px;
}
.pB150 {
    padding-bottom: 150px;
}
.pB180 {
    padding-bottom: 180px;
}
.pB200 {
    padding-bottom: 200px;
}
/*******/


/*parts*/




.resp-hide {
    display: block;
}
.pc-hide {
    display: none;
}
.border-box {
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
}
.center--div {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    text-align: center;
}
.no--cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.p--center {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
}
.p--center2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.p--abso, .p--abso-resp {
    position: absolute!important;
}
.p--rele {
    position: relative;
}
.p--fixed {
    position: fixed;
}
.left0 {
    left: 0px;
}
.right0 {
    right: 0px;
}
.top0 {
    top: 0px;
}
.bottom0 {
    bottom: 0px;
}
.ind---1000 {
    z-index: -1000;
}
.ind--0 {
    z-index: 0;
}
.ind--100 {
    z-index: 100;
}
.ind--200 {
    z-index: 200;
}
.ind--300 {
    z-index: 300;
}
.ov--hid {
    overflow-x: hidden;
    overflow-y: hidden;
}

/***background*/

.bg_line{
	background-color: #fff;
background-image: linear-gradient(
	-45deg,
	rgba(0,0,0,.1) 0%,
	rgba(0,0,0,.1) 3%,
	
	#fff 3%,
	#fff 12.5%,
	
	rgba(0,0,0,.1) 12.5%,
	rgba(0,0,0,.1) 15.5%,
	
	#fff 15.5%,
	#fff 25%,
	
	rgba(0,0,0,.1) 25%,
	rgba(0,0,0,.1) 28%,
	
	#fff 28%,
	#fff 37.5%,
	
	rgba(0,0,0,.1) 37.5%,
	rgba(0,0,0,.1) 40.5%,
	
	#fff 40.5%,
	#fff 50%,
	
	rgba(0,0,0,.1) 50%,
	rgba(0,0,0,.1) 53%,
	
	#fff 53%,
	#fff 62.5%,
	
	rgba(0,0,0,.1) 62.5%,
	rgba(0,0,0,.1) 65.5%,
	
	#fff 65.5%,
	#fff 75%,
	
	
	rgba(0,0,0,.1) 75%,
	rgba(0,0,0,.1) 78%,
	
	#fff 78%,
	#fff 87.5%,	
	
	rgba(0,0,0,.1) 87.5%,
	rgba(0,0,0,.1) 90.5%,	
	
	#fff 90.5%,	
	#fff 100%

);
background-size: 20px 20px;
 
}
/* 背景透過*/



.bg--black {
    background-color: #000000;
}
.bgB01 {
    height: 100%;
    background: rgba(0,0,0,0.1);
}
.bgB02 {
    height: 100%;
    background: rgba(0,0,0,0.2);
}
.bgB03 {
    height: 100%;
    background: rgba(0,0,0,0.3);
}
.bgW02 {
    height: 100%;
    background: rgba(255,255,255,0.2);
}
.bgB04 {
    height: 100%;
    background: rgba(0,0,0,0.4);
}
.bgB05 {
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.bgB06 {
    height: 100%;
    background: rgba(0,0,0,0.6);
}
.bgB07 {
    height: 100%;
    background: rgba(0,0,0,0.7);
}
.bgB08 {
    height: 100%;
    background: rgba(0,0,0,0.8);
}

.bgBB08 {
    height: 100%;
    background: rgba(9,4,23,0.70);
}


.bgB09 {
    height: 100%;
    background: rgba(0,0,0,0.9);
}
.bgW03 {
    height: 100%;
    background: rgba(255,255,255,0.3);
}
.bgW04 {
    height: 100%;
    background: rgba(255,255,255,0.4);
}
.bgW05 {
    height: 100%;
    background: rgba(255,255,255,0.5);
}
.bgW06 {
    height: 100%;
    background: rgba(255,255,255,0.6);
}
.bgW07 {
    height: 100%;
    background: rgba(255,255,255,0.7);
}
.bgW08 {
    height: 100%;
    background: rgba(255,255,255,0.8);
}
.bgW09 {
    height: 100%;
    background: rgba(255,255,255,0.9);
}
.bgW {
    height: 100%;
    background: rgba(255,255,255,1);
}
.bgR {
    background: rgba(231,14,25,1)!important;
}
.bgR09 {
    background: rgba(231,14,25,0.9);
}
.bgBlue {
    background: rgba(0,90,169,1)!important;
}
.bgBlue09 {
    background: rgba(0,90,169,0.9);
}
.bgWater {
    background: rgba(0,159,212,1);
}
.bgWater09 {
    background: rgba(0,159,212,0.9);
}
.bgWater2 {
    background: rgba(0,168,235,1);
}
.bgWater2-09 {
    background: rgba(0,168,235,0.9);
}
.bgWhite {
    background: rgba(255,255,255,0.9);
}
.op--05 {
    opacity: 0.5;
}
.op--03 {
    opacity: 0.3;
}
.hidd {
    display: none;
}
.color-cahnge {
}
.color-cahnge span.breadcrumb > span {
    color: #000
}
.color-cahnge span.breadcrumb, .color-cahnge span.breadcrumb > span > a {
    color: #666;
}

@media screen and (max-width: 1112px) {
    .tx12pad{font-size: 12px!important;} 
     .tx13pad{font-size: 13px!important;} 
     .tx14pad{font-size: 14px!important;} 
     .tx15pad{font-size: 15px!important;} 
     .tx16pad{font-size: 16px!important;} 
     .tx17pad{font-size: 17px!important;} 
    
     .tx18pad{font-size: 18px!important;} 
     .tx19pad{font-size: 19px!important;} 
     .tx20pad{font-size: 20px!important;} 
         .tx21pad{font-size: 21px!important;} 
         .tx22pad{font-size: 22px!important;} 
         .tx23pad{font-size: 23px!important;} 
         .tx24pad{font-size: 24px!important;} 
         .tx25pad{font-size: 25px!important;} 
         .tx26pad{font-size: 26px!important;} 
         .tx27pad{font-size: 27px!important;} 
         .tx28pad{font-size: 28px!important;} 
         .tx29pad{font-size: 29px!important;} 
         .tx30pad{font-size: 30px!important;} 
             .tx30pad{font-size: 30px!important;}
             .tx31pad{font-size: 31px!important;}
             .tx32pad{font-size: 32px!important;}
             .tx33pad{font-size: 33px!important;}
             .tx34pad{font-size: 34px!important;}
             .tx35pad{font-size: 35px!important;}
             .tx36pad{font-size: 36px!important;}
             .tx37pad{font-size: 37px!important;}
             .tx38pad{font-size: 38px!important;}
             .tx39pad{font-size: 39px!important;}
             .tx40pad{font-size: 40px!important;}
    .tx41pad{font-size: 41px!important;}
    .tx42pad{font-size: 42px!important;}
    .tx43pad{font-size: 43px!important;}
    .tx44pad{font-size: 44px!important;}
    .tx45pad{font-size: 45px!important;}
    .tx46pad{font-size: 46px!important;}
    .tx47pad{font-size: 47px!important;}
    .tx48pad{font-size: 48px!important;}
    .tx49pad{font-size: 49px!important;}
    .tx50pad{font-size: 50px!important;}

}
@media screen and (max-width: 768px) {
   .bBb-resp {
    border-bottom: none!important;
}
    
.resp-object-fit-cover {
    width: 100%;
    object-fit: cover;
}
.resp-hide {
    display: none!important;
}
.pc-hide {
    display: block;
}
.change-text1 {
    color: #000
}
.tAl-resp {
    text-align: center;
}
.tAc-resp {
    text-align: center;
}
.bLb-resp {
    border-left: none!important;
}
.p--abso-resp {
    position: relative;
}
    .p-reset{
        padding: 0!important;
    }
    .m-reset{
        margin: 0!important;
    }
    
     .f-reset{
        float: none;
    }
    .mAuto-r{
        margin: auto;
    }
    .tAc-r{
        text-align: center!important;
    }
     .mT0r{
        margin-top: 0px!important;
    }  
         .mT10r{
        margin-top:10px!important;
    }  
         .mT20r{
        margin-top: 20px!important;
    }  
         .mT30r{
        margin-top: 30px!important;
    }  
         .mT40r{
        margin-top: 40px!important;
    }  
    .mT50r{
        margin-top: 50px!important;
    }
        .mT60r{
        margin-top: 60px!important;
    }
        .mT70r{
        margin-top: 70px!important;
    }
        .mT80r{
        margin-top: 80px!important;
    }
        .mT90r{
        margin-top: 90px!important;
    }
            .mT100r{
        margin-top: 100px!important;
    }
    
           .mR0r{
        margin-right: 0px!important;
    } 
        .mR5r{
        margin-right: 5px!important;
    }
            .mR10r{
        margin-right: 10px!important;
    }
            .mR15r{
        margin-right: 15px!important;
    }
             .mR20r{
        margin-right: 20px!important;
    }   
            .mL0r{
        margin-left: 0px!important;
    }
                .mL5r{
        margin-left: 5px!important;
    }
                .mL10r{
        margin-left: 10px!important;
    }
                .mL15r{
        margin-left: 15px!important;
    }
                .mL20r{
        margin-left: 20px!important;
    }
    
.pLR15r {
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.pLR20r {
    padding-left: 20px!important;
    padding-right: 20px!important;
}
.pLR30r {
    padding-left: 20px!important;
    padding-right: 20px!important;
}
.pTB30r {
    padding-top: 30px!important;
    padding-bottom: 30px!important;
}
    .pT0r {
    padding-top:0px!important;
} 
        .pT5r {
    padding-top:5px!important;
} 
.pT10r {
    padding-top:10px!important;
} 
    .pT15r {
    padding-top:15px!important;
}
    .pT20r {
    padding-top:20px!important;
}
    .pT30r {
    padding-top:30px!important;
}
    .pT40r {
    padding-top:40px!important;
}
    
.pT50r {
    padding-top: 50px!important;
}
.pT60r {
    padding-top: 60px!important;
}
.pT70r {
    padding-top: 70px!important;
}
.pT80r {
    padding-top: 80px!important;
}
.pT90r {
    padding-top: 90px!important;
}
    .pB0r {
    padding-bottom: 0px!important;
}
    .pB5r {
    padding-bottom: 5px!important;
}    
.pB10r {
    padding-bottom: 10px!important;
}
    .pB15r {
    padding-bottom: 15px!important;
}
.pB20r {
    padding-bottom: 20px!important;
}
.pB30r {
    padding-bottom: 30px!important;
}
    .pB40r {
    padding-bottom: 40px!important;
}
    .pB50r {
    padding-bottom: 50px!important;
}
        .pB60r {
    padding-bottom: 60px!important;
}
        .pB70r {
    padding-bottom: 70px!important;
}
        .pB80r {
    padding-bottom: 80px!important;
}
        .pB90r {
    padding-bottom: 90px!important;
}
    
.w120perr {
    width: 120%!important;
}
.w110perr {
    width: 110%!important;
}
.w100perr {
    width: 100%!important;
}
.w95perr {
    width: 95%!important;
}
.w90perr {
    width: 90%!important;
}
.w80perr {
    width: 80%!important;
}
.w70perr {
    width: 70%!important;
}
.w68perr {
    width: 68%!important;
}
.w60perr {
    width: 60%!important;
}
.w50perr {
    width: 50%!important;
}
.w55perr {
    width: 55%!important;
}
.w40perr {
    width: 40%!important;
}
.w45perr {
    width: 45%!important;
}
.w30perr {
    width: 30%!important;
}
.w33perr {
    width: 33.3333%!important;
}
.w25perr {
    width: 25%!important;
}
.w20perr {
    width: 20%!important;
}
.w10perr {
    width: 10%!important;
}
    
    
    
    
    
    /*letter-spacing*/
.ls-02r {
    letter-spacing: -0.02em;
}
.ls-01r {
    letter-spacing: -0.01em;
}
.ls0r {
    letter-spacing: 0em!important;
}
.ls01r {
    letter-spacing: 0.01em;
}
.ls02r {
    letter-spacing: 0.02em;
}
.ls03r {
    letter-spacing: 0.03em;
}
.ls04r {
    letter-spacing: 0.04em;
}
.ls05r {
    letter-spacing: 0.05em;
}
.ls06r {
    letter-spacing: 0.06em;
}
.ls07r {
    letter-spacing: 0.07em;
}
.ls08r {
    letter-spacing: 0.08em;
}
.ls09r {
    letter-spacing: 0.09em;
}
.ls10r {
    letter-spacing: 0.1em;
}
.ls20r {
    letter-spacing: 0.2em;
}
.ls30r {
    letter-spacing: 0.3em;
}
.ls40r {
    letter-spacing: 0.4em;
}
.ls50r {
    letter-spacing: 0.5em;
}
.ls60r {
    letter-spacing: 0.6em;
}
.ls70r {
    letter-spacing: 0.7em;
}
.ls80r {
    letter-spacing: 0.8em;
}
.ls90r{
    letter-spacing: 0.9em;
}
.ls100r {
    letter-spacing: 1em!important;
}

.lH0r {
    line-height: 0em;
}
.lH01r {
    line-height: 0.1em;
}
.lH02r {
    line-height: 0.2em;
}
.lH03r {
    line-height: 0.3em;
}
.lH04r {
    line-height: 0.4em;
}
.lH05r {
    line-height: 0.5em;
}
.lH06r {
    line-height: 0.6em;
}
.lH07r {
    line-height: 0.7em;
}
.lH08r {
    line-height: 0.8em;
}
.lH09r {
    line-height: 0.9em;
}
.lH10r {
    line-height: 1em;
}
.lH11r {
    line-height: 1.1em;
}
.lH12r {
    line-height: 1.2em;
}
.lH13r {
    line-height: 1.3em;
}
.lH14r {
    line-height: 1.4em;
}
.lH15r {
    line-height: 1.5em;
}
.lH16r {
    line-height: 1.6em;
}
.lH17r {
    line-height: 1.7em;
}
.lH18r {
    line-height: 1.8em;
}
.lH19r {
    line-height: 1.9em;
}
.lH20r {
    line-height: 2em;
}
.lH21r {
    line-height: 2.1em;
}
.lH22r {
    line-height: 2.2em;
}
.lH23r {
    line-height: 2.3em;
}
.lH40r {
    line-height: 4em;
}
/*font-size*/

.tx10r {
    font-size: 10px!important;
}
.tx11r {
    font-size: 11px!important;
}
.tx12r {
    font-size: 12px!important;
}
.tx13r {
    font-size: 13px!important;
}
.tx14r {
    font-size: 14px!important;
}
.tx15r {
    font-size: 15px!important;
}
.tx16r {
    font-size: 16px!important;
}
.tx17r {
    font-size: 17px!important;
}
.tx18r {
    font-size: 18px!important;
}
.tx19r {
    font-size: 19px!important;
}
.tx20r {
    font-size: 20px!important;
}
.tx21r {
    font-size: 21px!important;
}
.tx22r {
    font-size: 22px!important;
}
.tx23r {
    font-size: 23px!important;
}
.tx24r {
    font-size: 24px!important;
}
.tx25r {
    font-size: 25px!important;
}
.tx26r {
    font-size: 26px!important;
}
.tx27r {
    font-size: 27px!important;
}
.tx28r {
    font-size: 28px!important;
}
.tx29r {
    font-size: 29px!important;
}
.tx30r {
    font-size: 30px!important;
}

.tx31r {
    font-size: 31px!important;
}
.tx32r {
    font-size: 32px!important;
}
.tx33r {
    font-size: 33px!important;
}
.tx34r {
    font-size: 34px!important;
}
.tx35r {
    font-size: 35px!important;
}
.tx36r {
    font-size: 36px!important;
}
.tx37r {
    font-size: 37px!important;
}
.tx38r {
    font-size: 38px!important;
}
.tx39r {
    font-size: 39px;
}
.tx40r {
    font-size: 40px!important;
}
.tx41r {
    font-size: 41px!important;
}
.tx42r {
    font-size: 42px!important;
}
.tx43r {
    font-size: 43px!important;
}
.tx44r {
    font-size: 44px!important;
}
.tx45r {
    font-size: 45px!important;
}
.tx46r {
    font-size: 46px!important;
}
.tx47r {
    font-size: 47px!important;
}
.tx48r {
    font-size: 48px!important;
}
.tx49r {
    font-size: 49px!important;
}
.tx50r {
    font-size: 50px!important;
}
.tx51r {
    font-size: 51px!important;
}
.tx52r {
    font-size: 52px!important;
}
.tx53r {
    font-size: 53px!important;
}
.tx54r {
    font-size: 54px!important;
}
.tx55 {
    font-size: 55px!important;
}
.tx56r {
    font-size: 56px!important;
}
.tx57r {
    font-size: 57px!important;
}
.tx58r {
    font-size: 58px!important;
}
.tx59r {
    font-size: 59px!important;
}
.tx60r {
    font-size: 60px!important;
}
    .CBr{
    display: flex!important;
	display: -webkit-box!important;
	display: -webkit-flex!important;
	display: -ms-flexbox!important;
	justify-content: center!important;
	align-items: center!important;
        
    }
    
    .flex-reset{
    display: block!important;
}
    
    
.bg-fixed-resp {
    background-attachment: scroll;
    background-attachment: scroll;
    /*background-position: center center;*/
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #FFFFFF;
    background-size: auto 100%;
    position: relative;
}
.y-130per {
    background-size: auto 130%!important;
}
.bgWater2-09 {
    background: rgba(0,168,235,1);
}
.section-news-and-banner {
    padding-top: 50px;
    padding-bottom: 0px
}
}


.table{
    display: table
}
.table li{
    display: table-cell;
   vertical-align: middle;
   
}

p > span.arrow a {
     color: rgba(155,88,233,1.00)!important;
}

p > span.arrow a::before {
    content:  '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #007bff;
    display:  inline-block;
    vertical-align:  middle;
    position:  relative;
    top: -2px;
    margin-right: 3px;
     color: rgba(155,88,233,1.00)!important;
}

p > span.arrow a:hover{
    
    color:rgba(149,146,223,1.00)!important;
}

.flex-grow1{
    flex-grow:1;
}
.flex-grow2{
    flex-grow:2;
}
.flex-grow3{
    flex-grow:3;
}

.text-link a{
    
  color:#72C1EC!important; 
}

.text-link a:hover{
    
  color:#9DCBE4!important; 
}



/*boot*/

@media (min-width:576px) {
     .p--static-sm {
    position: static; !important;
  } 
    
  .pT0-sm {
    padding-top: 0px !important;
  }
  .fR-sm {
    float: right !important;
  }
  .fL-sm {
    float: left !important;
  }
  .p--abso-sm {
    position: absolute !important;
  }
  .h75-sm {
    height: 75px !important;
  }
  .flex-sm-h-center {
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: row !important; /* 子要素をflexboxにより横方向に揃える */
    justify-content: center !important; /* 子要素をflexboxにより中央に配置する */
    align-items: center !important; /* 子要素をflexboxにより中央に配置する */
  }
}
@media (min-width: 769px) {
         .p--static-md {
    position: static; !important;
  } 
    
  .pT0-md {
    padding-top: 0px !important;
  }
  .fR-md {
    float: right !important;
  }
  .fL-md {
    float: left !important;
  }
  .p--abso-md {
    position: absolute !important;
  }
  .h75-md {
    height: 75px !important;
  }
  .flex-md-left {
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: row;
    justify-content: flex-start !important;
    align-items: center !important; /* 子要素をflexboxにより中央に配置する */
    list-style: none;
  }
  .flex-md-between {
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: row;
    justify-content: space-between !important;
    align-items: center !important; /* 子要素をflexboxにより中央に配置する */
    list-style: none;
  }
  .flex-md-h-end {
    display: flex; /* 子要素をflexboxで揃える */
    justify-content: flex-end !important; /* 子要素をflexboxにより中央に配置する */
    align-items: center !important; /* 子要素をflexboxにより中央に配置する */
  }
  .flex-md-h-center {
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: row !important; /* 子要素をflexboxにより横方向に揃える */
    justify-content: center !important; /* 子要素をflexboxにより中央に配置する */
    align-items: center !important; /* 子要素をflexboxにより中央に配置する */
  }
}
@media (min-width: 992px) {
             .p--static-lg {
    position: static; !important;
  } 
    
  .pT0-lg {
    padding-top: 0px !important;
  }
  .fR-lg {
    float: right !important;
  }
  .fL-lg {
    float: left !important;
  }
  .p--abso-lg {
    position: absolute !important;
  }
  .h75-lg {
    height: 75px !important;
  }
  .flex-lg-left {
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: row;
    justify-content: flex-start !important;
    align-items: center !important; /* 子要素をflexboxにより中央に配置する */
    list-style: none;
  }
  .flex-lg-between {
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: row;
    justify-content: space-between !important;
    align-items: center !important; /* 子要素をflexboxにより中央に配置する */
    list-style: none;
  }
  .flex-lg-h-end {
    display: flex; /* 子要素をflexboxで揃える */
    justify-content: flex-end !important; /* 子要素をflexboxにより中央に配置する */
    align-items: center !important; /* 子要素をflexboxにより中央に配置する */
  }
}