@charset "UTF-8";

input[type="text"],input[type="tel"],input[type="number"],select,textarea {
    max-width: 100%;
    box-sizing: border-box;
}

input[maxlength="1"]{width: 3.2em;}
input[maxlength="2"]{width: 4.2em;}
input[maxlength="3"]{width: 5.2em;}
input[maxlength="4"]{width: 6.2em;}
input[maxlength="5"]{width: 7.2em;}
input[maxlength="6"]{width: 8.2em;}
input[maxlength="7"]{width: 9.2em;}
input[maxlength="8"]{width: 10.2em;}
input[maxlength="9"]{width: 11.2em;}
input[maxlength="10"]{width:  12.2em;}
input[maxlength="11"]{width:  13.2em;}
input[maxlength="12"]{width:  14.2em;}
input[maxlength="13"]{width:  15.2em;}
input[maxlength="14"]{width:  16.2em;}
input[maxlength="15"]{width:  17.2em;}
input[maxlength="16"]{width:  18.2em;}
input[maxlength="17"]{width:  19.2em;}
input[maxlength="18"]{width:  20.2em;}
input[maxlength="19"]{width:  21.2em;}
input[maxlength="20"]{width:  22.2em;}
input[maxlength="21"]{width:  23.2em;}
input[maxlength="22"]{width:  24.2em;}
input[maxlength="23"]{width:  25.2em;}
input[maxlength="24"]{width:  26.2em;}
input[maxlength="25"]{width:  27.2em;}
input[maxlength="26"]{width:  28.2em;}
input[maxlength="27"]{width:  29.2em;}
input[maxlength="28"]{width:  30.2em;}
input[maxlength="29"]{width:  31.2em;}
input[maxlength="30"]{width:  32.2em;}
input[maxlength="31"]{width:  33.2em;}
input[maxlength="32"]{width:  34.2em;}
input[maxlength="33"]{width:  35.2em;}
input[maxlength="34"]{width:  36.2em;}
input[maxlength="35"]{width:  37.2em;}
input[maxlength="36"]{width:  38.2em;}
input[maxlength="37"]{width:  39.2em;}
input[maxlength="38"]{width:  40.2em;}
input[maxlength="39"]{width:  41.2em;}
input[maxlength="40"]{width:  42.2em;}
input[maxlength="41"]{width:  43.2em;}
input[maxlength="42"]{width:  44.2em;}
input[maxlength="43"]{width:  45.2em;}
input[maxlength="44"]{width:  46.2em;}
input[maxlength="45"]{width:  47.2em;}
input[maxlength="46"]{width:  48.2em;}
input[maxlength="47"]{width:  49.2em;}
input[maxlength="48"]{width:  50.2em;}
input[maxlength="49"]{width:  51.2em;}
input[maxlength="50"]{width:  52.2em;}

.mg0 {margin: 0px !important;}
.mg5 {margin: 5px !important;}
.mg10 {margin: 10px !important;}
.mg15 {margin: 15px !important;}
.mg20 {margin: 20px !important;}
.mg25 {margin: 25px !important;}
.mg30 {margin: 30px !important;}
.mg35 {margin: 35px !important;}
.mg40 {margin: 40px !important;}
.mg45 {margin: 45px !important;}
.mg50 {margin: 50px !important;}
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}
.mt-0 {margin-top: 0px !important;}
.mt-5 {margin-top: -5px !important;}
.mt-10 {margin-top: -10px !important;}
.mt-15 {margin-top: -15px !important;}
.mt-20 {margin-top: -20px !important;}
.mt-25 {margin-top: -25px !important;}
.mt-30 {margin-top: -30px !important;}
.mt-35 {margin-top: -35px !important;}
.mt-40 {margin-top: -40px !important;}
.mt-45 {margin-top: -45px !important;}
.mt-50 {margin-top: -50px !important;}
.mt-55 {margin-top: -55px !important;}
.mt-60 {margin-top: -60px !important;}
.mt-65 {margin-top: -65px !important;}
.mt-70 {margin-top: -70px !important;}
.mt-75 {margin-top: -75px !important;}
.mt-80 {margin-top: -80px !important;}
.mt-85 {margin-top: -85px !important;}
.mt-90 {margin-top: -90px !important;}
.mt-95 {margin-top: -95px !important;}
.mt-100 {margin-top: -100px !important;}
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}
.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.pd0 {padding: 0px !important;}
.pd5 {padding: 5px !important;}
.pd10 {padding: 10px !important;}
.pd15 {padding: 15px !important;}
.pd20 {padding: 20px !important;}
.pd25 {padding: 25px !important;}
.pd30 {padding: 30px !important;}
.pd35 {padding: 35px !important;}
.pd40 {padding: 40px !important;}
.pd45 {padding: 45px !important;}
.pd50 {padding: 50px !important;}
.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt65 {padding-top: 65px !important;}
.pt70 {padding-top: 70px !important;}
.pt75 {padding-top: 75px !important;}
.pt80 {padding-top: 80px !important;}
.pt85 {padding-top: 85px !important;}
.pt90 {padding-top: 90px !important;}
.pt95 {padding-top: 95px !important;}
.pt100 {padding-top: 100px !important;}
.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb55 {padding-bottom: 55px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb65 {padding-bottom: 65px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb75 {padding-bottom: 75px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb85 {padding-bottom: 85px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb95 {padding-bottom: 95px !important;}
.pb100 {padding-bottom: 100px !important;}
.pr0 {padding-right: 0px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
.pl0 {padding-left: 0px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}

.w_per0 {width: 0%;}
.w_per1 {width: 1%;}
.w_per2 {width: 2%;}
.w_per3 {width: 3%;}
.w_per4 {width: 4%;}
.w_per5 {width: 5%;}
.w_per6 {width: 6%;}
.w_per7 {width: 7%;}
.w_per8 {width: 8%;}
.w_per9 {width: 9%;}
.w_per10 {width: 10%;}
.w_per11 {width: 11%;}
.w_per12 {width: 12%;}
.w_per13 {width: 13%;}
.w_per14 {width: 14%;}
.w_per15 {width: 15%;}
.w_per16 {width: 16%;}
.w_per17 {width: 17%;}
.w_per18 {width: 18%;}
.w_per19 {width: 19%;}
.w_per20 {width: 20%;}
.w_per21 {width: 21%;}
.w_per22 {width: 22%;}
.w_per23 {width: 23%;}
.w_per24 {width: 24%;}
.w_per25 {width: 25%;}
.w_per26 {width: 26%;}
.w_per27 {width: 27%;}
.w_per28 {width: 28%;}
.w_per29 {width: 29%;}
.w_per30 {width: 30%;}
.w_per31 {width: 31%;}
.w_per32 {width: 32%;}
.w_per33 {width: 33%;}
.w_per34 {width: 34%;}
.w_per35 {width: 35%;}
.w_per36 {width: 36%;}
.w_per37 {width: 37%;}
.w_per38 {width: 38%;}
.w_per39 {width: 39%;}
.w_per40 {width: 40%;}
.w_per41 {width: 41%;}
.w_per42 {width: 42%;}
.w_per43 {width: 43%;}
.w_per44 {width: 44%;}
.w_per45 {width: 45%;}
.w_per46 {width: 46%;}
.w_per47 {width: 47%;}
.w_per48 {width: 48%;}
.w_per49 {width: 49%;}
.w_per50 {width: 50%;}
.w_per51 {width: 51%;}
.w_per52 {width: 52%;}
.w_per53 {width: 53%;}
.w_per54 {width: 54%;}
.w_per55 {width: 55%;}
.w_per56 {width: 56%;}
.w_per57 {width: 57%;}
.w_per58 {width: 58%;}
.w_per59 {width: 59%;}
.w_per60 {width: 60%;}
.w_per61 {width: 61%;}
.w_per62 {width: 62%;}
.w_per63 {width: 63%;}
.w_per64 {width: 64%;}
.w_per65 {width: 65%;}
.w_per66 {width: 66%;}
.w_per67 {width: 67%;}
.w_per68 {width: 68%;}
.w_per69 {width: 69%;}
.w_per70 {width: 70%;}
.w_per71 {width: 71%;}
.w_per72 {width: 72%;}
.w_per73 {width: 73%;}
.w_per74 {width: 74%;}
.w_per75 {width: 75%;}
.w_per76 {width: 76%;}
.w_per77 {width: 77%;}
.w_per78 {width: 78%;}
.w_per79 {width: 79%;}
.w_per80 {width: 80%;}
.w_per81 {width: 81%;}
.w_per82 {width: 82%;}
.w_per83 {width: 83%;}
.w_per84 {width: 84%;}
.w_per85 {width: 85%;}
.w_per86 {width: 86%;}
.w_per87 {width: 87%;}
.w_per88 {width: 88%;}
.w_per89 {width: 89%;}
.w_per90 {width: 90%;}
.w_per91 {width: 91%;}
.w_per92 {width: 92%;}
.w_per93 {width: 93%;}
.w_per94 {width: 94%;}
.w_per95 {width: 95%;}
.w_per96 {width: 96%;}
.w_per97 {width: 97%;}
.w_per98 {width: 98%;}
.w_per99 {width: 99%;}
.w_per100 {width: 100%;}

.font0 {
    font-size: 0px !important;
    font-size: 0rem !important;
}

.font1 {
    font-size: 1px !important;
    font-size: 0.1rem !important;
}

.font2 {
    font-size: 2px !important;
    font-size: 0.2rem !important;
}

.font3 {
    font-size: 3px !important;
    font-size: 0.3rem !important;
}

.font4 {
    font-size: 4px !important;
    font-size: 0.4rem !important;
}

.font5 {
    font-size: 5px !important;
    font-size: 0.5rem !important;
}

.font6 {
    font-size: 6px !important;
    font-size: 0.6rem !important;
}

.font7 {
    font-size: 7px !important;
    font-size: 0.7rem !important;
}

.font8 {
    font-size: 8px !important;
    font-size: 0.8rem !important;
}

.font9 {
    font-size: 9px !important;
    font-size: 0.9rem !important;
}

.font10 {
    font-size: 10px !important;
    font-size: 1rem !important;
}

.font11 {
    font-size: 11px !important;
    font-size: 1.1rem !important;
}

.font12 {
    font-size: 12px !important;
    font-size: 1.2rem !important;
}

.font13 {
    font-size: 13px !important;
    font-size: 1.3rem !important;
}

.font14 {
    font-size: 14px !important;
    font-size: 1.4rem !important;
}

.font15 {
    font-size: 15px !important;
    font-size: 1.5rem !important;
}

.font16 {
    font-size: 16px !important;
    font-size: 1.6rem !important;
}

.font17 {
    font-size: 17px !important;
    font-size: 1.7rem !important;
}

.font18 {
    font-size: 18px !important;
    font-size: 1.8rem !important;
}

.font19 {
    font-size: 19px !important;
    font-size: 1.9rem !important;
}

.font20 {
    font-size: 20px !important;
    font-size: 2rem !important;
}

.font23 {
    font-size: 23px !important;
    font-size: 2.3rem !important;
}

.font25 {
    font-size: 25px !important;
    font-size: 2.5rem !important;
}

.font30 {
    font-size: 30px !important;
    font-size: 3rem !important;
}

.font35 {
    font-size: 35px !important;
    font-size: 3.5rem !important;
}

.font40 {
    font-size: 40px !important;
    font-size: 4rem !important;
}

.font45 {
    font-size: 45px !important;
    font-size: 4.5rem !important;
}

.font50 {
    font-size: 50px !important;
    font-size: 5rem !important;
}

.line0 {
    line-height: 0;
}

.line1 {
    line-height: 0.1;
}

.line2 {
    line-height: 0.2;
}

.line3 {
    line-height: 0.3;
}

.line4 {
    line-height: 0.4;
}

.line5 {
    line-height: 0.5;
}

.line6 {
    line-height: 0.6;
}

.line7 {
    line-height: 0.7;
}

.line8 {
    line-height: 0.8;
}

.line9 {
    line-height: 0.9;
}

.line10 {
    line-height: 1;
}

.line11 {
    line-height: 1.1;
}

.line12 {
    line-height: 1.2;
}

.line13 {
    line-height: 1.3;
}

.line14 {
    line-height: 1.4;
}

.line15 {
    line-height: 1.5;
}

.line16 {
    line-height: 1.6;
}

.line17 {
    line-height: 1.7;
}

.line18 {
    line-height: 1.8;
}

.line19 {
    line-height: 1.9;
}

.line20 {
    line-height: 2;
}

.flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flex !important;
    display: -o-flex !important;
    display: -moz-box !important;
    display: flex !important;
}
.flex_wrap {
    flex-wrap: wrap;
}

.align_items_start {
        -webkit-box-align: start!important;
            -ms-flex-align: start!important;
                align-items: start!important;
}
.align_items_center {
        -webkit-box-align: center!important;
            -ms-flex-align: center!important;
                align-items: center!important;
}
.align_items_end {
        -webkit-box-align: end!important;
            -ms-flex-align: end!important;
                align-items: end!important;
}
.align_self_start {
    -ms-flex-item-align: start!important;
        -ms-grid-row-align: start!important;
        align-self: start!important;
}
.align_self_center {
    -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
            align-self: center!important;
}
.align_self_end {
    -ms-flex-item-align: end!important;
        -ms-grid-row-align: end!important;
            align-self: end!important;
}
.justify_start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}
.justify_end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
}
.justify_between {
    -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
            justify-content: space-between!important;
}
.justify_around {
            -ms-flex-pack: distribute !important;
            justify-content: space-around!important;
}
.justify_center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center!important;
}
.row_reverse {
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
            flex-flow: row-reverse;
}

[data-animation] {
    opacity: 0;
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-delay: .2s;
    /*box-shadow: 0 0 5px 2px #ddd;*/
    transform: translateY(20px);
}
.slowly[data-animation] {
    /*transform: translateY(0);*/
    transition-duration: 1s;
    transition-delay: .1s;
    transform: translateY(20px);
}
.cloud_under [data-animation] {
    opacity: 1;
}
[class*="bubble_dot__"] img[data-animation] {
    transition-duration: 1.7s;
    transition-delay: .6s;
    transform: translateY(70px);
}
.vis_fig_1_1 img[data-animation] {
    transition-duration: .7s;
}
.vis_fig_0 img[data-animation],
.vis_fig_1 img[data-animation] {
    transition-duration: 1.5s;
    transform: translateY(10px);
    transition-delay: .7s;
}
.vis_fig_2 img[data-animation] {
    transition-duration: 1.5s;
    transform: translateY(10px);
    transition-delay: .8s;
}
.vis_fig_3 img[data-animation] {
    transition-duration: 1.5s;
    transform: translateY(10px);
    transition-delay: .9s;
}
.vis_fig_1_2 img[data-animation],
.outer_navs [data-animation] {
    transition-duration: 1.1s;
    transition-delay: .8s;
}

.anime_from_small[data-animation] {
    transition-duration: 0.5s;
    transition-delay: .5s;
}
.anime_from_top[data-animation] {
    transform: translateY(-50px);
    transition-delay: .5s;
}
.anime_from_bottom[data-animation] {
    transform: translateY(100px);
    transition-delay: .5s;
}
.anime_from_left[data-animation] {
    transform: translateX(-100px);
    transition-delay: .5s;
}
.anime_from_right[data-animation] {
    transform: translateX(100px);
    transition-delay: .5s;
}
.anime_from_small[data-animation] {
    transform: scale(0.1);
    transition-delay: .5s;
}
.anime_screw_01[data-animation] {
    transform: rotate(720deg);
}
.anime_screw_02[data-animation] {
    transform: rotate(-720deg);
}
.anime_turn[data-animation] {
    /*display: inline-block;*/
    position: relative;
    opacity: 1;
}
.anime_turn[data-animation]:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.7s ease 0s;
    transition: 0.7s ease 0s;
}
.anime_turn_skelton.anime_turn[data-animation]:before {
    background-color: #fff;
}
.anime_turn.anime_turn_bottom[data-animation]:before {
    transform: rotate(180deg);
    top: auto;
    bottom: 0;
}
.anime_turn.anime_turn_right[data-animation]:before {
    transform: rotate(180deg);
    left: auto;
    right: 0;
}
.anime_turn.anime_turn_left[data-animation]:before {
}

[data-animation="after"] {
    opacity: 1;
    transform: translateY(0);
}
img[data-animation="after"] {
    transform: translateY(0) !important;
}
.slowly[data-animation="after"]{
    opacity: 1;
    transform: translateY(0);
}
[class*="bubble_dot__"] img[data-animation="after"]{
    opacity: 1;
    transform: translateY(0);
}
.anime_from_top[data-animation="after"] {
    transform: translateY(0);
}
.anime_from_bottom[data-animation="after"] {
    transform: translateY(0);
}
.anime_from_left[data-animation="after"] {
    transform: translateX(0);
}
.anime_from_right[data-animation="after"] {
    transform: translateX(0);
}
.anime_from_small[data-animation="after"] {
    transform: scale(1);
}
.anime_screw[data-animation="after"] {
    transform: rotate(0deg);
}
.anime_turn[data-animation="after"]:before {
    height: 0;
}
.anime_turn.anime_turn_left[data-animation="after"]:before,
.anime_turn.anime_turn_right[data-animation="after"]:before {
    height: 100%;
    width: 0;
}

.cf {
    position: relative;
}
.cf:after {
    content: "";
    display: block;
    clear: both;
}
.img_grow {
    overflow: hidden;
}
.img_grow img {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
body.js_mouseover .img_grow:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    /*opacity: 0.8;*/
}
.arrow {
    position: relative;
}
.arrow:after {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    margin-top: -5px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}


.bold {
    font-weight: bold;
}
.normal {
    font-weight: normal;
}
.align_top {
    vertical-align: top;
}
.align_middle {
    vertical-align: middle;
}
.align_bottom {
    vertical-align: bottom;
}

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

.t_center {
    text-align: center !important;
}
@media screen and (max-width:768px) {
.t_center.t_center_pcOnly {
    text-align: left !important;
}
}
.t_left {
    text-align: left !important;
}
.t_right {
    text-align: right !important;
}
.f_left {
    float: left !important;
}
.f_right {
    float: right !important;
}
.relative {
    position: relative;
}

.indent {
    text-indent: -1.1em;
    padding-left: 1.1em;
}
.kome, .squere, .maru, .maru2 {
    padding-left: 1.2em;
}
.kome:before,
.maru:before,
.maru2:before,
.squere:before {
    display: inline-block;
    margin-left: -1.2em;
    padding-right: 0.2em;
}
.kome:before {
    content: "※";
}
.maru:before {
    content: "●";
}
.maru2:before {
    content: "◎";
}
.squere:before {
    content: "■";
    color: #9fc001;
}

.inline_block {
    display: inline-block;
}

.clear_ulmark {
    list-style: none;
    padding-left: 0;
}

.font_mini {
    font-size: 0.8em;
}


.tit_clr {
    color: #fff;
    padding: 0.5em 1em;
    font-weight: bold;
    filter: grayscale(0.3);
}
.tit_green {
    background-color: #4cbac5;
}
.tit_purple {
    background-color: #79539f;
}
.tit_midori {
    background-color: #04a23e;
}
.tit_red {
    background-color: #e72425;
}
.tit_orange {
    background-color: #eb6100;
}
.tit_blue {
    background-color: #00a0e9;
}