/* COMMON
===================== */


/***** button *****/

a,
input,
button,
select,
textarea {
    outline: 0 !important;
    text-decoration: none;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
}

textarea {
    resize: vertical;
}

a:hover,
a:link,
a:active,
a:focus,
button:focus,
button:active,
button:visited,
textarea:focus {
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

button::-moz-focus-inner {
  border: 0;
}

button::focus-inner {
  border: 0;
}


/**/


/* TITLE
====================== */

.title h2,
.title h3,
.title h4 {
    color: #3c3533;
    line-height: 1.5;
}

.title span {
    display: block;
    color: #3c3533;
}


/**/


/* CONTENT
====================== */

.content {
    float: left;
    width: 100%;
    line-height: 24px;
    font-size: 16px;
    margin: 0 0 10px 0;
    position: relative;
}

.content p {
    margin-bottom: 10px;
}

.content a {
    color: #337ab7;
}

.content strong {
    font-weight: bolder;
}

.content b {
    font-weight: bold;
}

.content em {
    font-style: italic;
}

.content u {
    text-decoration: underline;
}

.content img {
    max-width: 100%;
}

.content iframe {
    max-width: 100%;
}

.content table td {
    padding: 5px;
    vertical-align: middle;
}


/*style*/

.content ol,
ol.style_decimal {
    list-style-type: decimal;
}

.content ul,
ul.style_disc {
    list-style-type: disc;
}

ol.style_decimal.inside,ul.style_disc.inside {
    list-style-position: inside;
}


/**/


/***** line *****/

.line_dot {
    display: block;
    clear: both;
    width: 100%;
    height: 0px;
    margin: 10px 0;
    border-top: 1px dotted #ccc;
}

.line_solid {
    display: block;
    clear: both;
    width: 100%;
    height: 0px;
    margin: 10px 0;
    border-top: 1px solid #ccc;
}


.line_dotted {
    display: block;
    clear: both;
    width: 100%;
    height: 0px;
    margin: 10px 0;
    border-top: 1px dotted #ccc;
}
/**/


/***** backgoound *****/

.back_white {
    background-color: rgba(255,255,255,0.9);
}

.back_black {
    background-color: #000;
}

.back_black_001 {
    background-color: #555;
}

.back_black_002 {
    background-color: #25292d;
}

.back_black_003 {
    background-color: #24262B;
}

.back_red_001 {
    background-color: #CB0617;
}

.back_red_002 {
    background-color: #A50001;
}


.back_yellow {
    background-color: #2EA7E0;
}
/**/


/***** color *****/

.color_white {
    color: #fff;
    border-color: #fff;
}

.color_black_001 {
    color: #fff;
    border-color: #fff;
}

.color_black_002 {
    color: #ddd;
    border-color: #ddd;
}

.color_black_003 {
    color: #3c3533;
    border-color: #eee;
}

.color_black_004 {
    color: #3c3533;
    border-color: #ccc;
}

.color_black_005 {
    color: #bbb;
    border-color: #bbb;
}

.color_black_006 {
    color: #aaa;
    border-color: #aaa;
}

.color_grey_001 {
    color: #828282;
    border-color: #828282;
}

.color_grey_002 {
    color: #A0A0A0;
    border-color: #A0A0A0;
}

.color_grey_003 {
    color: #3c3533;
    border-color: #bfbfbf;
}

.color_grey_004 {
    color: #3c3533;
    border-color: #7D7D7D;
}

.color_grey_005 {
    color: #959595;
    border-color: #959595;
}

.color_grey_006 {
    color: #c9c9c9;
    border-color: #c9c9c9;
}

.color_grey_007 {
    color: #E4E4E4;
    border-color: #E4E4E4;
}

.color_grey_008 {
    color: #b5b5b5;
    border-color: #b5b5b5;
}

.color_grey_009 {
    color: #dcdcdc;
    border-color: #dcdcdc;
}

.color_red_001 {
    color: #CB0617;
    border-color: #CB0617;
}

.color_red_002 {
    color: #993233;
    border-color: #993233;
}

.color_red_003 {
    color: #D70010;
    border-color: #D70010;
}

.color_red_004 {
    color: #C27275;
    border-color: #C27275;
}

.color_yellow {
    color: #2EA7E0;
    border-color: #2EA7E0;
}

.color_green {
    color: #5C7522;
    border-color: #5C7522;
}

.color_blue {
    color: #015A82;
    border-color: #015A82;
}

/**/


/***** text *****/

.text_120 {
    font-size: 120px;
}

.text_114 {
    font-size: 114px;
}

.text_88 {
    font-size: 88px;
}

.text_54 {
    font-size: 54px;
}

.text_50 {
    font-size: 50px;
}

.text_48 {
    font-size: 48px;
}

.text_44 {
    font-size: 44px;
}

.text_38 {
    font-size: 38px;
}

.text_36 {
    font-size: 36px;
}

.text_32 {
    font-size: 32px;
}

.text_28 {
    font-size: 28px;
}

.text_25 {
    font-size: 25px;
}

.text_24 {
    font-size: 24px;
}

.text_18 {
    font-size: 18px;
}

.text_16 {
    font-size: 16px;
}

.text_14 {
    font-size: 14px;
}

.text_13 {
    font-size: 13px;
}

.text_12 {
    font-size: 12px;
}

.text_10 {
    font-size: 10px;
}

@media screen and (min-width: 768px) and (max-width: 989px) {
    .text_120 {
    font-size: 117px;
}

.text_114 {
    font-size: 111px;
}

.text_88 {
    font-size: 85px;
}

.text_54 {
    font-size: 51px;
}

.text_50 {
    font-size: 47px;
}

.text_48 {
    font-size: 45px;
}

.text_44 {
    font-size: 41px;
}

.text_38 {
    font-size: 35px;
}

.text_36 {
    font-size: 33px;
}

.text_32 {
    font-size: 29px;
}

.text_28 {
    font-size: 25px;
}

.text_25 {
    font-size: 22px;
}

.text_24 {
    font-size: 21px;
}

.text_18 {
    font-size: 16px;
}

.text_16 {
    font-size: 13px;
}
}

@media screen and (max-width: 768px) {
.text_120 {
    font-size: 115px;
}

.text_114 {
    font-size: 109px;
}

.text_88 {
    font-size: 83px;
}

.text_54 {
    font-size: 49px;
}

.text_50 {
    font-size: 45px;
}

.text_48 {
    font-size: 43px;
}

.text_44 {
    font-size: 39px;
}

.text_38 {
    font-size: 33px;
}

.text_36 {
    font-size: 31px;
}

.text_32 {
    font-size: 27px;
}

.text_28 {
    font-size: 23px;
}

.text_25 {
    font-size: 20px;
}

.text_24 {
    font-size: 19px;
}

.text_18 {
    font-size: 13px;
}

.text_16 {
    font-size: 14px;
}

.text_14 {
    font-size: 14px;
}

.text_13 {
    font-size: 12px;
}
}


/**/