@charset "utf-8";
@import "font-awesome.min.css";
@import "et-line.css";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');


/* ==============================
   Common styles
   ============================== */
  
.align-center{ text-align:center !important; }
.align-left{ text-align:left !important;}
.align-right{ text-align:right !important; }
.left{float:left !important;}
.right{float:right !important;}
.relative{position:relative;}
.hidden{display:none;}
.inline-block{display:inline-block;}
.white{ color: #fff !important; }
.black{ color: #333333 !important; }
.color{ color: #e41919 !important; }
.glass{ opacity: .5; };
.image-fullwidth img{
    width: 100%;
}
.stick-fixed{
    position: fixed !important;
    top: 0;
    left: 0;
}
.round{
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}

::-moz-selection{ color: #fff; background:#000; }
::-webkit-selection{ color: #fff;    background:#000; }
::selection{ color: #fff;    background:#000; }

.animate, .animate *{
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.no-animate, .no-animate *{
    -webkit-transition: 0 none !important;  
    -moz-transition: 0 none !important;  
    -ms-transition: 0 none !important;
    -o-transition: 0 none !important;    
    transition:0 none !important;  
}

.shadow{
    -webkit-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
    box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
}
.white-shadow{
    -webkit-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
    -moz-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
    box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
}

.clearlist, .clearlist li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
}

.full-wrapper {
    margin: 0 2%;
}
.container-fluid{
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container-1400{
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 2%;
    padding-right: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
}
html, body{
    height: 100%;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
}

.body-masked{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff url(../images/loader.gif) no-repeat center center;
    z-index: 100000;    
}

.mask-delay{
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    animation-delay: 0.75s;
}
.mask-speed{
    -webkit-animation-duration: 0.25s !important;
    -moz-animation-duration: 0.25s !important;
    animation-duration: 0.25s !important;
} 
iframe{
    border: none;
}
a, b, div, ul, li{
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-tap-highlight-color: transparent; 
    -moz-outline-: none;
}
a:focus,
a:active{
    -moz-outline: none;
    outline: none;
}
img:not([draggable]), embed, object, video{
    max-width: 100%;
    height: auto;
}

.row { float: left; width: 100%; margin-left: 0; margin-right: 0; }





/* ==============================
   Typography
   ============================== */



a:hover, a:focus {
    text-decoration: none !important;
}


h1, .h1, h2, .h2, h3, .h3 { margin: 0; }

p{
    margin: 0;
}
ul, ol{
    margin: 0;
}
blockquote{
    margin: 3em 0 3em 0;
    padding: 0;
    border: none;
    background: none;
    font-style: normal;
    line-height: 1.7;
    color: #777;
}
blockquote p{
    margin-bottom: 1em;
    font-size: 24px;
    
    font-style: normal;
    line-height: 1.6;
}
blockquote footer{    
    font-size: 11px;
    
    text-transform: uppercase;
}
dl dt{
    margin-bottom: 5px;
}
dl dd{
    margin-bottom: 15px;
}
pre{
    background-color: #f9f9f9;
    border-color: #ddd;

}
hr{
    background-color: rgba(255,255,255, .08);
}
hr.white{
    border-color: rgba(255,255,255, .35);
    background: rgba(255,255,255, .35);
}
hr.black{
    border-color:rgba(0,0,0, .85);
    background: rgba(0,0,0, .85);
}
.uppercase{
    text-transform: uppercase;
    letter-spacing: 1px;
}
.font-alt{
    
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.serif{
    
    font-style: italic;
    
}
.normal{
    
}
.strong{
    font-weight: 700 !important;
}
.lead{
    margin: 1em 0 2em 0;
    font-size: 140%;
    line-height: 1.6;
}
.text{        
    font-size: 16px;
    
    color: #5f5f5f;
    line-height: 1.8;
}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6{
    color: #333333;
}

.dropcap{
    float: left;
    font-size: 3em;
    line-height: 1;
    padding: 2px 8px 2px 0;    
}


.big-icon{
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto 20px;
    border: 3px solid #fff;
    text-align: center;
    line-height: 88px;
    font-size: 32px;
    color: rgba(255,255,255, .97);
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.big-icon .fa-play{
    position: relative;
    left: 4px;
}
.big-icon.big-icon-rs{
    border: none;
    width: auto;
    height: auto;
    font-size: 96px;
}

.big-icon-link{
    display: inline-block;
    text-decoration: none;
}
.big-icon-link:hover{
    border-color: transparent !important;
}
.big-icon-link:hover .big-icon{
    border-color: #fff;
    color: #fff;
    
    -webkit-transition: 0 none !important;  
    -moz-transition: 0 none !important;  
    -ms-transition: 0 none !important;
    -o-transition: 0 none !important;    
    transition:0 none !important;  
}
.big-icon-link:active .big-icon{
    -webkit-transform: scale(0.99);
    -moz-transform: scale(0.99);
    -o-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99);
}

.wide-heading{
    display: block;
    margin-bottom: 10px;
    font-size: 48px;
    
    letter-spacing: 0.4em;    
    text-align: center;
    text-transform: uppercase;
    opacity: .9;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.big-icon-link:hover,
.big-icon-link:hover .wide-heading{
    color: #fff;
    text-decoration: none;
}
.sub-heading{
    font-size: 16px;
    font-style: italic;
    text-align: center;
    line-height: 1.3;
    color: rgba(255,255,255, .75);
}

.big-icon.black{
    color: #000;
    border-color: rgba(0,0,0, .75);
}
.big-icon-link:hover .big-icon.black{
    color: #000;
    border-color: #000;
}
.wide-heading.black{
    color: rgba(0,0,0, .87);
}
.big-icon-link.black:hover,
.big-icon-link:hover .wide-heading.black{
    color: #000;
    text-decoration: none;
}
.sub-heading.black{
    color: rgba(0,0,0, .75);
}




/* ==============================
   Home sections
   ============================== */
  
/*
 * Header common styles
 */

.home-section{
    width: 100%;
    display: block;    
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.home-content{
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}


/* Home content */

.home-content{
    position: relative;
}
.home-text{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}



/*
 * HTML5 BG VIdeo
 */

.bg-video-wrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
} 
.bg-video-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.bg-video-wrapper video{
    max-width: inherit;
    height: inherit;
    z-index: 0;
} 
a.bg-video-button-muted{
    position: absolute;
    bottom: 0;
    left: 15px;    
    font-size: 28px;
    color: #fff;  
    opacity: .75;    
    z-index: 1000;
}


/* 
 * Headings styles
 */


.hs-wrap{
    max-width: 570px;
    margin: 0 auto;
    padding: 47px 30px 53px;
    position: relative;
    text-align: center;    
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    border: 1px solid rgba(255,255,255, .5);
}

.hs-wrap-1{
    max-width: 350px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.hs-line-1{
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    font-size: 30px;
    
    letter-spacing: 51px;
    color: #fff;
    opacity: .9;
}
.hs-line-2{
    margin-top: 0;
    position: relative;
    font-size: 72px;
    
    text-transform: uppercase;
    letter-spacing: 0.085em;
    line-height: 1.3;
    color: rgba(255,255,255, .85);
}
.hs-line-3{
    margin-top: 0;
    position: relative;
    font-size: 13px;
    
    text-transform: uppercase;
    color: rgba(255,255,255, .7);
}

.hs-line-4{
    margin-top: 0;
    position: relative;
    font-size: 14px;
    
    text-transform: uppercase;
    letter-spacing: 3px;
    color: rgba(255,255,255, .85);
}
.hs-line-5{
    margin-top: 0;
    position: relative;
    font-size: 62px;
    
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.32em;
    opacity: .85;
}
.hs-line-6{
    margin-top: 0;
    position: relative;
    font-size: 19px;
    
    line-height: 1.2;
    opacity: .35;
}
.hs-line-6.no-transp{
    opacity: 1;
}
.hs-line-7{
    margin-top: 0;
    position: relative;
    font-size: 64px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.2;
}
.hs-line-8{
    margin-top: 0;
    position: relative;
    font-size: 16px;
    
    letter-spacing: 0.3em;
    line-height: 1.2;
    opacity: .75;
}
.hs-line-8.no-transp{
    opacity: 1;
}

.hs-line-9{
    margin-top: 0;
    position: relative;
    font-size: 96px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.2;
}
.hs-line-10{
    margin-top: 0;
    display: inline-block;
    position: relative;
    padding: 15px 24px;
    background: rgba(0,0,0, .75);
    font-size: 12px;
    
    text-transform: uppercase;
    color: rgba(255,255,255, .85);
}
.hs-line-10 > span{
    margin: 0 10px;
}
.hs-line-10.highlight{
    background: #e41919;
    opacity: .65;
}
.hs-line-10.transparent{
    background: none;
    color: #aaa;
    padding: 0;
}
.hs-line-11{
    margin-top: 0;
    position: relative;
    font-size: 30px;
    
    text-transform: uppercase;
    letter-spacing: 0.5em;
    line-height: 1.8;
    opacity: .9;
}
.hs-line-12{
    margin-top: 0;
    position: relative;
    font-size: 80px;
    
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.4em;
}
.hs-line-13{
    margin-top: 0;
    position: relative;
    font-size: 96px;
    
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.3em;
}
.hs-line-14{
    margin-top: 0;
    position: relative;
    font-size: 48px;
    
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.7em;
}
.hs-line-15{
    margin-top: 0;
    position: relative;
    font-size: 36px;
    
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1.3;
}
.no-transp{
    opacity: 1 !important;
}

.fullwidth-galley-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 25;
}


/* ==============================
   Sections styles
   ============================== */


/*
 * Common
 */

.page-section,
.small-section{
    width: 100%;
    display: block;    
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}
.small-section{
    padding: 70px 0;
}
.small-title{
    padding: 0;
    margin: 0 0 30px 0;
    text-transform: uppercase;
    font-size: 18px;
    
    letter-spacing: 0.3em;
}
.section-icon{
    margin-bottom: 7px;
    text-align: center;
    font-size: 32px;
}
.small-title .serif{
    text-transform: none;
    
}
.small-title.white{
    color: #fff;
}
.bg-scroll{
    background-attachment: scroll !important;
}
.bg-pattern{
    background-repeat: repeat;
    background-size: auto;
}
.bg-pattern-over:before,
.bg-pattern-over .YTPOverlay:after{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: repeat;
    background-size: auto;
    background-image: url(../images/pattern-bg-2.png);
}
.bg-gray{
    background-color: #f4f4f4;
}
.bg-gray-lighter{
    background-color: #f8f8f8;
}
.bg-dark,
.bg-dark-lighter,
.bg-dark-alfa-30,
.bg-dark-alfa-50,
.bg-dark-alfa-70,
.bg-dark-alfa-90,
.bg-dark-alfa,
.bg-color,
.bg-color-lighter,
.bg-color-alfa-30,
.bg-color-alfa-50,
.bg-color-alfa-70,
.bg-color-alfa-90,
.bg-color-alfa{
    color: #fff;
}
.bg-dark a,
.bg-dark-lighter a,
.bg-dark-alfa-30 a,
.bg-dark-alfa-50 a,
.bg-dark-alfa-70 a,
.bg-dark-alfa-90 a,
.bg-dark-alfa a,
.bg-color a,
.bg-colorlighter a,
.bg-color-alfa-30 a,
.bg-color-alfa-50 a,
.bg-color-alfa-70 a,
.bg-color-alfa-90 a,
.bg-color-alfa a{
    color: rgba(255,255,255, .8);
    padding-bottom: 3px;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.bg-dark a:hover,
.bg-dark-lighter a:hover,
.bg-dark-alfa-30 a:hover,
.bg-dark-alfa-50 a:hover,
.bg-dark-alfa-70 a:hover,
.bg-dark-alfa-90 a:hover,
.bg-dark-alfa a:hover,
.bg-color a:hover,
.bg-color-lighter a:hover,
.bg-color-alfa-30 a:hover,
.bg-color-alfa-50 a:hover,
.bg-color-alfa-70 a:hover,
.bg-color-alfa-90 a:hover,
.bg-color-alfa a:hover{
    color: rgba(255,255,255, 1);
    text-decoration: none;
}

.bg-color .text,
.bg-color-lighter .text,
.bg-color-alfa-30 .text,
.bg-color-alfa-50 .text,
.bg-color-alfa-70 .text,
.bg-color-alfa-90 .text,
.bg-color-alfa .text,
.bg-color .section-text,
.bg-color-lighter .section-text,
.bg-color-alfa-30 .section-text,
.bg-color-alfa-50 .section-text,
.bg-color-alfa-70 .section-text,
.bg-color-alfa-90 .section-text,
.bg-color-alfa .section-text{
    color: rgba(255,255,255, .75);
}

.bg-color .white,
.bg-color-lighter .whitet,
.bg-color-alfa-30 .white,
.bg-color-alfa-50 .white,
.bg-color-alfa-70 .white,
.bg-color-alfa-90 .white,
.bg-color-alfa .white{
    color: #fff;
}


.bg-dark{
    background-color: #333333;
}
.bg-dark-lighter{
    background-color: #252525;
}
.bg-dark-alfa:before,
.bg-dark-alfa .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(17,17,17, .97);
}
.bg-dark-alfa-30:before,
.bg-dark-alfa-30 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(34,34,34, .3);
}
.bg-dark-alfa-50:before,
.bg-dark-alfa-50 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(34,34,34, .5);
}
.bg-dark-alfa-70:before,
.bg-dark-alfa-70 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(17,17,17, .7);
}
.bg-dark-alfa-90:before,
.bg-dark-alfa-90 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(3,3,3, .9);
}
.bg-light-alfa:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(252,252,252, .97);
}
.bg-light-alfa-30:before,
.bg-light-alfa-30 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(252,252,252, .30);
}
.bg-light-alfa-50:before,
.bg-light-alfa-50 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(252,252,252, .50);
}
.bg-light-alfa-70:before,
.bg-light-alfa-70 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(252,252,252, .7);
}
.bg-light-alfa-90:before,
.bg-light-alfa-90 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(252,252,252, .9);
}
.bg-color{
    background-color: #e41919;
}
.bg-color-alfa:before,
.bg-color-alfa .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e41919;
    opacity: .97;
}
.bg-color-alfa-30:before,
.bg-color-alfa-30 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e41919;
    opacity: .3;
}
.bg-color-alfa-50:before,
.bg-color-alfa-50 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e41919;
    opacity: .5;
}
.bg-color-alfa-70:before,
.bg-color-alfa-70 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e41919;
    opacity: .7;
}
.bg-color-alfa-90:before,
.bg-color-alfa-90 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e41919;
    opacity: .9;
}

.bg-orange{ background-color: #f47631 !important; }
.bg-yellow{  background-color: #ffce02 !important; }
.bg-cyan{ background-color: #27c5c3 !important; }
.bg-green{ background-color: #58bf44 !important; }
.bg-blue{ background-color: #43a5de !important; }
.bg-purple{ background-color: #375acc !important; }
.bg-red{ background-color: #e13939 !important; }

.section-title {
    margin-bottom: 15px;
    font-size: 18px;
    
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5em;
    line-height: 1.4;
}
.section-more{
    margin-top: 7px;
    color: #999;
    font-size: 11px;
    
    letter-spacing: 0.4em;
    text-decoration: none;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.section-more:hover{
    text-decoration: none;
    color: #000;
 
}
.section-more .fa{
    font-size: 12px;
}

.section-heading {
    margin-bottom: 15px;
    font-size: 24px;
    
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5em;
    line-height: 1.3;
}
.section-line{
    width: 55px;
    height: 1px;
    margin: 30px auto;
    background: #333333;
}
.section-text{
    font-size: 15px;
    
    color: #777;
    line-height: 1.7;
}
.section-text blockquote{
    margin-top: -5px;
}
.section-bot-image{
    margin: 140px 0 -140px;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0); 
}
.image-fullwidth img{
    width: 100%;
}

/* Breadcrumbs */

.mod-breadcrumbs{
    margin-top: -5px;
    font-size: 11px;
    
    letter-spacing: 0.4em;
    text-decoration: none;
    text-transform: uppercase;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.mod-breadcrumbs span{
    opacity: .65;
}
.mod-breadcrumbs a{
    text-decoration: none;

}
.mod-breadcrumbs a:hover{
    text-decoration: none; 
}
.mod-breadcrumbs .fa{
    font-size: 12px;
}
.mod-breadcrumbs-mini{
    text-align: left;
}

.home-bot-image{
    width: 100%;
    position: absolute;
    bottom:0;
    left: 0;
    text-align: center;
}

.fixed-height-large,
.fixed-height-medium,
.fixed-height-small{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fixed-height-large{
    min-height: 800px;
}
.fixed-height-medium{
    min-height: 700px;
}
.fixed-height-small{
    min-height: 600px;
}



/* ==============================
   Counters
   ============================== */

.count-wrapper{
    padding: 40px 20px;
    border: 1px solid rgba(0,0,0, .09);
}
.count-number{
    font-size: 48px;
    
    line-height: 1.3;
    text-align: center;
}
.count-descr{
    color: #999;
    font-size: 11px;
    text-align:center;
}
.count-descr .fa{
    font-size: 14px;
}

.count-title{
    margin-top: -1px;
    font-size: 13px;
}
.count-separator{
    height: 30px;
    clear: both;
    float: none;
    overflow: hidden;
}



/*
 * Tabs
 */

.tpl-tabs{
    border-color: #e5e5e5;
    font-size: 12px;
    
    text-transform: uppercase;
    letter-spacing: 1px;    
}
.tpl-tabs > li > a{
    text-decoration: none;
    color: #777;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.tpl-tabs > li > a:hover{
    background-color: #f5f5f5;
}
.tpl-tabs li.active a{
    color: #000;
}
.tpl-tabs-cont{
    padding: 30px 0 10px 0;
    margin-left: -15px;
    margin-right: -15px;
    color: #777;
    line-height: 1.8;
}

/*
 * Tabs minimal
 */

.tpl-minimal-tabs{
    display: inline-block;
    font-size: 12px;
    
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;    
    border: none;
}
.tpl-minimal-tabs > li{
    padding: 0 30px;
    background: none !important;
}
.tpl-minimal-tabs > li > a{
    padding: 6px 20px 5px;
    text-decoration: none;
    color: #000;
    background: none;
    border: 1px solid transparent;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.tpl-minimal-tabs > li > a:hover{
    background: none;
    border-color: #e9e9e9;
    color: #777;
}
.tpl-minimal-tabs li.active a,
.tpl-minimal-tabs li.active a:hover{
    border: 1px solid #222 !important;
    background: none !important;
    color: #000;
    cursor: default;
}
.tpl-minimal-tabs-cont{
}


/*
 * Tabs Alternative
 */

.tpl-alt-tabs{
    font-size: 14px;
    
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.4em;    
    border: none;
}
.tpl-alt-tabs > li{
    width: 215px;
    display: inline-block;
    vertical-align: top;
    float: none;    
    padding: 0;    
    background: none !important;
    
}
.tpl-alt-tabs > li > a{
    text-decoration: none;
    color: #a3a3a3;
    background: none !important;
    border: none !important;
    
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
}
.tpl-alt-tabs > li > a:hover{
    background: none;
    color: #333333;
}
.tpl-alt-tabs li.active a,
.tpl-alt-tabs li.active a:hover,
.tpl-alt-tabs li.active a:focus{
    cursor: default;
    color: #333333;
}
.alt-tabs-icon{
    display: block;
    margin-bottom: 12px;
    font-size: 48px;
    letter-spacing: 0;
}
.tpl-minimal-tabs-cont{
}


/*
 * Alert messages
 */

.alert{
    margin: 0 auto 10px;
    padding: 14px 20px; 
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    border: 1px solid #ddd;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #777;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    
}
.success{
    border-color: #a9e2c2;
    color: #36a367;
}
.info{
    border-color: #9ecdfc;
    color: #297ad3;
}
.notice{
    border-color: #f9ce75;
    color: #e9a00a;
}
.error{
    border-color: #ffbbbb;
    color: #e33131;
}


/*
 * Accordion
 */

.accordion > dt{
    margin-bottom: 10px;
    font-size: 12px;
    
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.accordion > dt > a{
    display: block;
    position: relative;
    color: #777;
    text-decoration: none;
    padding: 14px 20px;
    border: 1px solid #e5e5e5;
    
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.accordion > dt > a:hover{
    text-decoration: none;
    border-color: #ddd;
    background-color: #fcfcfc;    
    color: #444;
}
.accordion > dt > a.active{
    color: #000;
    border-color: #ddd;
    background-color: #fcfcfc;
    cursor: default;
}
.accordion > dt > a:after{
    content: "\f107";
    width: 15px;
    height: 15px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    
    font-variant: normal;
    text-transform: none;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #999;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after{
    content: "\f106";
    color: #333333;
}
.accordion > dt > a:hover:after{
    color: #444;
}

.accordion > dd{
    margin-bottom: 10px;
    padding: 10px 20px 20px;
    font-size: 14px;
    line-height: 1.8;
    color: #777;
}


/*
 * Toggle
 */

.toggle > dt{
    margin-bottom: 10px;
    font-size: 13px;
    
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.toggle > dt > a{
    display: block;
    position: relative;
    color: #777;
    text-decoration: none;
    padding: 14px 20px;
    border: 1px solid #ddd;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.toggle > dt > a:hover{
    text-decoration: none;
    border-color: #ddd;
    background-color: #fcfcfc;    
    color: #444;
}
.toggle > dt > a.active{
    color: #000;
    border-color: #ddd;
    background-color: #fcfcfc;
}
.toggle > dt > a:after{
    content: "\f107";
    width: 15px;
    height: 15px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    
    font-variant: normal;
    text-transform: none;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #999;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.toggle > dt > a.active:after,
.toggle > dt > a.active:hover:after{
    content: "\f106";
    color: #333333;
}
.toggle > dt > a:hover:after{
    color: #444;
}
.toggle > dd{
    margin-bottom: 10px;
    padding: 10px 20px 20px;
    font-size: 14px;
    line-height: 1.8;
    
}



.mobile-nav { display: none; }


.nomargin { margin-bottom:0 !important; }

.accordion-container{ position: relative; max-width: 100%; height: auto; float: left; }
.accordion-container > h2 { text-align: center; color: #fff; padding-bottom: 5px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.accordion-container .set { position: relative; width:100%; float:left; margin-bottom:-1px; }
.accordion-container .set > a { display: block; width:100%; float:left; color:#333333; background: #faf5f0 !important; border:1px solid #f4a100 !important; padding: 20px 40px; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear; }
.accordion-container .set > a:hover { z-index: 999; border:1px solid #f4a100 !important; background: none !important; }
.accordion-container .set > a:hover div { color:#f4a100; }
.accordion-container .set > a.active { border-bottom:1px solid #ddd !important; background: none !important; color:#f4a100 !important; }
.accordion-container .set > a.active:hover { border-bottom:1px solid #ddd !important; }
.accordion-container .set.first > a { border-radius: 15px 15px 0 0; }
.accordion-container .set.last > a { border-radius: 0 0 15px 15px; }
.accordion-container .set.last > a.active { border-radius: 0; }
.accordion-container .set > a i { float: right; margin-top: 2px; }
.accordion-container .set > a.active { background-color:#3399cc; color: #fff; }
.accordion-container .set > a::after { content: "\f107"; width: 15px; height: 15px; margin-top: -8px; position: absolute; top: 35px; right: 30px; font-family: 'FontAwesome'; speak: none; font-style: normal; font-variant: normal; text-transform: none; font-size: 30px; line-height: 15px; text-align: center; color: #f4a100 !important; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.accordion-container .set > a.active::after, .set > a.active:hover::after { content: "\f106"; }
.accordion-container .content {
  float:left; width:100%; padding: 40px; font-size: 18px; margin-bottom:0; border-bottom:0 !important; border-left:1px solid #f4a100; border-right:1px solid #f4a100; background: #fafafa;
  display:none; color: #777;
}
.accordion-container .set:last-child .content { border-bottom: 1px solid #f4a100 !important; border-radius: 0 0 15px 15px; }
.accordion-container table tr { border-top:1px solid #ddd; }
.accordion-container table tr.thead { border: 0; color:#333333; font-weight:600; }
.accordion-container table tr td { padding: 15px 20px; font-size: 15px; line-height: 24px; word-break: keep-all; }
.accordion-container table tr td:nth-child(1) { width:20%; font-weight:600; color: #333333; }
.accordion-container table tr td:nth-child(2) { width:35%; }
.accordion-container table tr td:nth-child(3) { width:15%; text-align: right; font-weight:600; }
.accordion-container table tr td:nth-child(4) { width:15%; text-align: right; }
.accordion-container table tr td:nth-child(5) { width:15%; text-align: right; }



/*custom*/


.left_space { position: absolute; background: #fff; top: 0; left: 0; width: 80px; height: 100%; z-index: 99; }
.right_space { position: absolute; background: #fff; top: 0; right: 0; width: 80px; height: 100%; z-index: 99; }
.bottom_space { position: absolute; background: #fff; bottom: 0; left: 0; width: 100%; height: 80px; z-index: 99; }




.page-loader { background: rgba(255,164,0,1); }
body { word-break:keep-all; font-weight:500; margin: 0; }
img { image-rendering: -moz-crisp-edges !important;
    -ms-interpolation-mode: bicubic !important; }
hr { border-top: 0px solid #e9e9e9 !important; }
.page-section { overflow: visible !important; }
.main-nav.transparent { box-shadow: 0 0px 0 rgba(0,0,0,.1); }
.main-nav.small-height { box-shadow: 0 1px 0 rgba(0,0,0,.1); }
.full-wrapper { margin: 0 80px !important; }
.inner-nav ul { font-size: 20px; font-weight:600; }
.inner-nav ul li a { color:#f4a100; }
a.logo { display: none !important; }
a.logo, a.logo:active, a.logo:visited, a.logo:active, a.logo:focus { color:#333333; text-decoration: none !important; cursor: pointer; }
a.logo:hover { color:#f4a100; }
.nav-logo-wrap { margin: 0; margin-top: 17px; }
.nav-logo-wrap a { float: left; }
.nav-logo-wrap .logo { width:350px; max-width: 350px; font-size:24px; font-weight:600; line-height: 80px; float: left; }
.nav-logo-wrap .home_link { float: left; width: 180px; }
.landing { color:#333333 !important; }

.mobile-menu { display: none; }










.tparrows.preview4 { margin-top: -60px !important; }
.tparrows.preview4 .tp-arr-iwrapper { margin-top: 45px; }
.tparrows.preview4 .tp-arr-imgholder,
.tparrows.preview4 .tp-arr-imgholder2 { height:105px !important; top:15px !important; background-size: 200px !important; background-repeat: no-repeat; }
.tparrows.preview4 .tp-arr-allwrapper { top: -50px !important; }
.tparrows.preview4 .tp-arr-titleholder { display: none !important; background:none !important; text-align: center !important; font-weight:500 !important; font-size:14px !important; color:#777 !important; letter-spacing: -1px !important; }
.col50 { width:50% !important; }



.bg_deco1 { width:140px; position:absolute; top:150px; left:6%; }
.bg_deco2 { width:130px; position:absolute; top:350px; right: 6%; }

.bg_deco2_1 { width:18px; position:absolute; top:35px; right: -20px; }
.bg_deco2_2 { width:35px; position:absolute; top:140px; right: 75px; }
.bg_deco2_3 { width:35px; position:absolute; top:130px; right: -180px; }

.bg_deco3 { width:170px; position:absolute; top:250px; left: -150px; }
.bg_deco3_1 { width:18px; position:absolute; top:200px; left: -100px; }
.bg_deco3_2 { width:32px; position:absolute; top:320px; left: -210px; }
.bg_deco3_3 { width:32px; position:absolute; top:300px; left: 40px; }

.bg_deco4 { width:70px; position:absolute; top:230px; left: -140px; }
.bg_deco4_1 { width:600px; position:absolute; top:-200px; left: -350px; }
.bg_deco4_2 { width:210px; position:absolute; top:300px; left: -130px; }
.bg_deco4_3 { width:500px; position:absolute; top:0px; right: -280px; }

.bg_deco5 { width:70px; position:absolute; top:144px; right: -120px; }
.bg_deco5_2 { width:210px; position:absolute; top:200px; right: -100px; }
.bg_deco6 { width:130px; position:absolute; top:500px; right: -100px; }
.bg_deco7 { width:55px; position:absolute; top:75px; left: 190px; }
.bg_deco8 { width:95px; position:absolute; top:220px; right: 190px; }

.bg_deco10 { width:200px; position:absolute; top:0px; right: -120px; }
.bg_deco10_1 { width:30px; position:absolute; top:100px; right: 0px; }
.bg_deco10_2 { width:30px; position:absolute; top:120px; right: -45px; }
.bg_deco10_3 { width:30px; position:absolute; top:75px; right: -80px; }

.bg_deco11 { width:200px; position:absolute; top:100px; left: -150px; }
.bg_deco11_1 { width:30px; position:absolute; top:190px; left: -100px; }
.bg_deco11_2 { width:30px; position:absolute; top:170px; left: -30px; }
.bg_deco11_3 { width:30px; position:absolute; top:220px; left: -57px; }




.tp-caption { white-space: unset !important; }
.tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { background:#f4a100 !important; border:0; }
.tp-bullets { bottom:32px !important; }
.tparrows.hidearrows { opacity: !important; }
.tp-leftarrow { left: 45px !important; }
.tp-leftarrow::after { background: url(../images/slide_arrow_left.svg) !important; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; content: no-close-quote !important; }

.tp-rightarrow { right: 45px !important; }
.tp-rightarrow::after { background: url(../images/slide_arrow_right.svg) !important; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; content: no-close-quote !important; }


.tparrows.preview4::after { z-index: 999 !important; width: 60px !important; height: 110px !important; font-size: 60px !important; color:#f4a100 !important; display: block !important; }
.link_arrow_right { width:12px !important; margin: -4px 0 0 10px; }

.tp-leftarrow.preview4 .tp-arr-allwrapper { left: 65px !important; }
.tp-rightarrow.preview4 .tp-arr-allwrapper { left: -185px !important; }

.count_box { width:100%; text-align: center; float:left; margin-bottom: 50px; }
.count_box_half { width:50%; text-align: center; float: left; }
.count_image { width:45px; margin:0px 0 7px 0; }
.count_image.user1 { width:80px; }
.count_image.user2 { width:35px; }
.amount_big { letter-spacing: -2px; font-size: 80px; font-weight:600; color:#f4a100; width:100%; text-align: center; color:#333333; line-height: 1em; }
.amount_small { letter-spacing: -2px; font-size: 70px; font-weight:600; color:#f4a100; width:100%; text-align: center; color:#333333; line-height: 1em; }
.amount_title_big { font-size: 26px; font-weight:600; color:#f4a100; width:100%; text-align: center; margin-bottom: 10px; }
.amount_title_small { font-size: 26px; font-weight:600; color:#f4a100; width:100%; text-align: center; margin-bottom: 10px; }
.amount_big .counter-unit { font-size: 40px; margin:0 0 0 9px; }
.amount_small .counter-unit { font-size: 30px; margin:0 0 0 10px; }

.additional_box { width:100%; text-align: center; float:left; margin-bottom: 35px !important; }
.additional_box_half { width:50%; text-align: center; float: left; }
.additional_box_full { width:100%; text-align: center; float: left; }
.additional_box_image { width:60px; margin:0px 0 10px 0px; }
.additional_box_image.image_donors { width: 105px; height: 80px; margin: -2px 0 -1px 0px; }
.additional_box_image.image_donors_list { width: 70px; margin: 7px 0 15px 0px; }
.additional_box_title { font-size: 20px; font-weight:600; color:#333333; width:100%; margin-left: 5px; text-align: center; margin-bottom: 5px; -webkit-transition: all 0.2s; transition: all 0.2s; }
.additional_box_title.title_donors { font-size: 26px; }
.additional_box_title.title_donors_list { font-size: 26px; }
.additional_box_title.title_donors span { font-size: 40px; color:#333333; letter-spacing: -2px; }
.additional_box_title .link_arrow_right { width: 40px !important; }
.additional_box a { display: block; width: 300px; margin: 0 auto; text-decoration: none; -webkit-transition: all 0.2s; transition: all 0.2s; }
.additional_box a:hover .additional_box_title { color:#f4a100; }
#business .additional_box { margin-bottom: 0 !important; }
#greeting .additional_box { margin-top: 60px; }
#links .additional_box { margin-bottom: 150px !important; }
#links .additional_box .additional_box_image { width:200px; }

.toggle { padding-bottom: 0; float: left; }
.toggle > dt { letter-spacing: 0 !important; }
.toggle_title { z-index: 9999; padding: 70px 60px 20px 40px; font-weight:600 !important; color: #f4a100; /*border-bottom:1px solid #f4a100; */float:left; width:100%; }
.toggle_title div { font-size: 20px; font-weight:600 !important; }
.toggle_col1 { width:20%; float:left; font-size: 20px; font-weight: 700; padding-left: 65px; }
.toggle_col2 { width:24%; float:left; text-align: right; font-size: 20px; font-weight: 700; }
.toggle_col3 { width:25%; float:left; text-align: right; font-size: 18px; font-weight: 600; }
.toggle_col4 { width:25%; float:left; text-align: right; font-size: 18px; font-weight: 600; }

.toggle_left, .toggle_right { float: none; }

.toggle > dt { width:100%; float:left; margin-bottom:0; }
.toggle > dt > a { width:100%; float:left; color:#333333;/* border-left:0; border-right:0; */ background: #fff !important; padding: 15px 60px 15px 40px; }
.toggle > dt > a::after { font-size: 30px; right: 38px; color:#f4a100 !important; }
.toggle > dt > a.active { border-bottom:1px solid #f4a100 !important; background: #fff !important; color:#f4a100 !important; }
.toggle > dt > a:hover { border:1px solid #f4a100 !important; background: #fffbf6 !important; }
.toggle > dt > a:hover div { color:#f4a100; }
.toggle > dt > a.active:hover { border-bottom:1px solid #f4a100 !important; }
.toggle > dt.first > a { border-radius: 25px 25px 0 0; }
.toggle > dt.last > a { border-radius: 0 0 25px 25px; }
.toggle > dt.last > a.active { border-radius: 0; }
.toggle > dd { float:left; width:100%; padding: 40px; font-size: 18px; margin-bottom:0; border-bottom:0 !important; border-left:1px solid #f4a100; border-right:1px solid #f4a100; background: #fffbf6; color: #777; }
.toggle > dd:last-child { border-bottom: 1px solid #f4a100 !important; border-radius: 0 0 15px 15px; }
.toggle > dd p { margin:0; }

.toggle table tr { border-top:1px solid #f4a100; }
.toggle table tr.thead { border: 0; color:#f4a100 !important; font-weight:600; }
.toggle table tr td { padding: 15px 20px; font-size: 17px; line-height: 28px; word-break: keep-all; }
.toggle table tr td:nth-child(1) { width:20%; font-weight:600; color: #333333; }
.toggle table tr td:nth-child(2) { width:35%; }
.toggle table tr td:nth-child(3) { width:15%; text-align: right; font-weight:600; }
.toggle table tr td:nth-child(4) { width:15%; text-align: right; }
.toggle table tr td:nth-child(5) { width:15%; text-align: right; }
.toggle table tr.thead td:nth-child(1) { color:#f4a100 !important; }

.toggle_label { display: none; }
.span_small { font-size: 90%; font-size: 400 !important; }

.ic_biz { position: absolute; }
.biz1 { width: 44px; left:42px; top:27px; }
.biz2 { width: 37px; left:38px; top:15px; }
.biz3 { width: 35px; left:45px; top:12px; }
.biz4 { width: 37px; left:41px; top:15px; }
.biz5 { width: 42px; left:39px; top:18px; }
.biz6 { width: 38px; left:42px; top:12px; }
.biz7 { width: 38px; left:42px; top:18px; }
.biz8 { width: 34px; left:43px; top:13px; }

.voice_image { width:130px; float:left; margin-right:30px; }
.voice_wrap { float: left; width: 680px; margin-top: 10px; }
.voice_content { font-size: 17px; color:#333333; margin-bottom: 10px;  }
.voice_profile { font-size: 15px;  color:#777; }
.voice_box { width:840px; margin: 0 auto; margin-top:70px; }
.voice_box .slide_talk_start,
.voice_box .slide_talk_end { width:20px; }
.voice_image.voice1 {margin-top:-15px; }
.voice_image.voice2 {margin-top:-15px; }
.voice_image.voice3 {margin-top:-15px; }
.voice_deco1 { width:55px; position: absolute; left:45px; bottom:90px; }
.voice_deco2 { width:55px; position: absolute; left:45px; bottom:90px; }
.voice_deco3 { width:55px; position: absolute; left:45px; bottom:90px; }
.voice_deco_ceo { width:100px; position: absolute; left:-50px; top:0px; }
.voice_deco_ceo2 { display: none; }


.tpl-alt-tabs { margin-left: -15px; margin-right: -15px; padding-bottom: 0 !important; }
.tpl-alt-tabs li { width: 33.333% !important; }
.tpl-alt-tabs li a { border:1px solid #f4a100 !important; letter-spacing: -1px !important; font-size: 22px; font-weight:600; margin:0 !important; margin-left: -1px !important; border-radius: 25px 25px 0 0; line-height: 40px; color:#f4a100; background: #fffbf6 !important; }
.tpl-alt-tabs li.active a { border-bottom:1px solid #fff !important; background: #fff !important; padding-bottom: 20px; margin-top: -10px !important; }
.tab-pane-desc { width:100%; text-align: center; font-size: 18px;  padding-bottom: 30px; }

.team-item-image img { border-radius: 20px; }
.team-item-image h4 { text-transform: initial; letter-spacing:-1px; font-size: 18px;  color:#333333; text-align: center; margin-top:15px; margin-bottom: 25px; margin-left: 15px; }
.team-item-detail { padding: 20px 20px 55px 20px; cursor: pointer; }
.team-item-detail h4 { letter-spacing:0px; font-size: 20px !important; font-weight: 600; color:#f4a100; word-break: keep-all; margin-bottom: 10px !important; }
.team-item-detail p { letter-spacing:0px; font-size: 15px; text-align: center; word-break: keep-all; color:#333333; line-height: 23px; }
.team-item .list_title { text-align: left; }
.team-item:hover .list_title { opacity: 0; }


.ceo_profile { float: left; width:33%; text-align: center;  }
.ceo_image { width:100%; }
.ceo_sign { width:180px; padding: 10px 0 10px 0; }
.ceo_title { width: 100%; text-align: center; font-size: 20px; color:#f4a100; font-weight:600; }
.ceo_greeting { float:left; width:66%; padding-left:4%; margin-left:0; border-left: 0px solid #f4a100; }
.ceo_greeting_title { font-size: 35px; color:#333333; font-weight:600; margin-top: 0; padding-top: 30px; }
.ceo_greeting_title span { color:#f4a100; }
.ceo_greeting_content { font-size: 17px;  word-break: keep-all; padding-bottom:0; }
.ceo_greeting_content p:last-child { margin-bottom: 0; }

.text-yellow { color: #f4a100 !important; }
.bg-gray-lighter { background: #514a4b !important; }
.btn_box { padding-top:0px; float: left; margin-bottom: -75px; }
a .btn_footer { width:150px; height: 150px; border-radius: 100px; text-align: center; padding:47px 0px 0px 0px; background: #888; color:#fff; font-size: 17px; line-height: 24px; font-weight: 600; float: left; word-break: keep-all; margin:0px 8px 0px 8px; position: relative; }
.btn_box .btn_footer {  -webkit-transition: all 0.2s; transition: all 0.2s; }
.btn_box .btn_footer:hover { margin-top: 0px; }
.btn_box .btn_footer img { /*display: none;*/ }
.btn_box a:nth-child(1) .btn_footer { background: url(../images/beauty_btn_campaign1.jpg); background-size: cover; }
.btn_box a:nth-child(2) .btn_footer { background: url(../images/beauty_btn_campaign2.jpg); background-size: cover; padding:36px 0px 0px 0px; }
.btn_box a:nth-child(3) .btn_footer { background: url(../images/beauty_btn_campaign3.jpg); background-size: cover; padding:36px 0px 0px 0px; }
.btn_box a:nth-child(4) .btn_footer { background:#f4a100; }
.btn_box a:nth-child(1) .btn_footer span,
.btn_box a:nth-child(2) .btn_footer span,
.btn_box a:nth-child(3) .btn_footer span { display: none; }
.btn_box a:nth-child(1):hover .btn_footer span,
.btn_box a:nth-child(2):hover .btn_footer span,
.btn_box a:nth-child(3):hover .btn_footer span { display: inline; }
.btn_box a:hover .btn_footer { background: #333333; }

.link_arrow_down { width:17px !important; position: absolute; left: 67px; bottom: 25px; } 

.list-nav { z-index: 999; float: left; margin-left: 0; margin-top: 20px; }
.list-nav ul li { margin-left: 0 !important; }
.list-nav ul li a { padding: 10px 15px; }

.beauty_list_header { width: 100% !important; background: #fff; padding: 50px 50px 30px 50px; border-top: 5px solid #f4a100; border-bottom: 1px solid #f4a100; overflow: auto !important; position: fixed; z-index: 999; }
.beauty_list_header .container { width: 100%; }
.beauty_list_header h1 { float: left; margin-top: 0; margin-bottom: 0; font-size: 32px; color: #333; }
.beauty_list_header h1 span { color: #333; }
.beauty_list_header .list_logo { width: 200px; float: right; margin-top: -5px; }

.beauty_list { background: #faf5f0; padding: 0px 50px 50px 50px; }
.beauty_list .container { width: 100%; }
.beauty_list table { display: block; width: 100%; margin-bottom: 15px; clear: both; float: left; border-top: 1px solid #f4a100; padding: 30px 0; font-family: 'noto sans kr'; }
.beauty_list h4 { font-size: 30px; color:#f4a100; width: 100%; float: left; margin: 0 0 20px 0; }
.beauty_list h4:first-child { padding-top: 190px; }
.beauty_list tr { float: left; width: 330px; }
.beauty_list td { width: 100%; line-height: 35px; font-size: 14px; font-weight: 500; color: #777; }

.beauty_list2 { background: #faf5f0; padding: 0px 50px 50px 50px; }
.beauty_list2 .container { width: 100%; }
.beauty_list2 table { display: block; width: 100%; margin-bottom: 50px; clear: both; float: left; border-top: 1px solid #f4a100; padding: 30px 0; font-family: 'noto sans kr'; }
.beauty_list2 h4 { font-size: 32px; color:#f4a100; width: 100%; float: left; margin: 0 0 20px 0; padding-top: 250px; }
.beauty_list2 tr { float: left; width: 210px; }
.beauty_list2 td { width: 100%; line-height: 35px; font-size: 14px; font-weight: 500; color: #777; }


.pie_box { width:100%; float:left; padding:0 15px; margin-top: -30px; }
.pie_box .row { margin-left: 0; margin-right: 0; }
.pie_half.left { width:420px; float:left; }
.pie_half.right { width:420px; float:right; }
.pie_box .amount_big { font-size:55px; padding: 0 15px; }
.pie_box .amount_big .counter-unit { font-size: 30px; }
.pie_box .count_box { margin-bottom:20px; }
.pie_title { width:420px; text-align:center; margin-top:-213px; font-size:31px; font-weight:600; color:#f4a100; float:left; position:absolute; }
.pie_details { width:420px; margin:0 auto; padding: 0 17px; }
.pie_details_left { width:auto; float:left; text-align:left; font-size:19px;  }
.pie_details_right { width:auto; float:right; text-align:right; font-size:19px; font-weight:600; }
.pie_details p { margin-bottom:5px; }
.pie_color { width:20px; margin:-4px 10px 0 0; }
.pie_link { padding:50px 15px 30px 15px; float:left; width:100%;  }
.pie_link a img { width:125px; margin:0 0 0 10px; }
.pie_link_left { float:left; width:680px; word-break: keep-all; font-size:18px; color:#333333; padding-top:35px; }
.pie_link_right { float:right; }





/*pie chart*/


.chart-section {
  position: relative;
  height: 380px;
  display: block;
  text-align: center;
}

.chart {
  width: 320px;
  height: 320px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.chart .ct-series-a .ct-slice-donut {
  stroke: #f4a100;
}
.chart .ct-series-b .ct-slice-donut {
  stroke: #7996a2;
}
.chart .ct-series-c .ct-slice-donut {
  stroke: #ccdbe1;
}

.chart2 {
  width: 320px;
  height: 320px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.chart2 .ct-series-a .ct-slice-donut {
  stroke: #f4a100;
}
.chart2 .ct-series-b .ct-slice-donut {
  stroke: #7996a2;
}
.chart2 .ct-series-c .ct-slice-donut {
  stroke: #ccdbe1;
}





/*font nanum square*/
.slide_profile,
.slide_profile p span { font-weight: bold !important; }
.inner-nav ul li a,
.slide_talk,
.amount_big,
.amount_small,
.amount_title_big,
.amount_title_big,
.amount_title_small,
.toggle_col1,
.toggle_col2,
.toggle_col3,
.toggle_col4,
.toggle_title div,
.toggle table tr td:nth-child(1),
.toggle table tr td:nth-child(3),
.toggle table tr td:nth-child(4),
.toggle table tr td:nth-child(5),
.toggle table tr.thead,
.additional_box_title,
.tpl-alt-tabs li a,
.pie_title,
.pie_details_right,
.ceo_title,
.ceo_greeting_content p:last-child,
.footer-copy p,
a .btn_footer { font-weight: 600 !important; }
.footer-copy img { width: 130px; margin-left: -5px; }




.ie_visible { display: none; }

.ie_visible svg {
	display: block;
	width: 300px;
	height: 300px;
	margin: 40px auto;
	// background: navy;
	transform: rotate(-90deg);
}
circle {
	stroke-width: 6;
	
	//stroke-linecap: round;
	fill: none;
	// stroke-dasharray: 0 409;
	// opacity: 0;
}
circle.bg { width:600px; }
.c1 {
	animation: c1 2s ease-in-out;
}
.c2 {
	animation: c2 1s ease-in-out;
}
.c3 {
	animation: c3 2s ease-in-out;
}
.c4 {
	animation: c4 2s ease-in-out;
}
.c5 {
	animation: c5 1s ease-in-out;
}
.c6 {
	animation: c6 2s ease-in-out;
}

@keyframes c1 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 352 410;
		opacity: 1;
	}
}
@keyframes c2 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 13 410;
	}
}
@keyframes c3 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 45 410;
	}
}
@keyframes c4 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 275 410;
		opacity: 1;
	}
}
@keyframes c5 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 57 410;
	}
}
@keyframes c6 {
	0% {
		opacity: 0;
		stroke-dasharray: 0 410;
	}
	100% {
		stroke-dasharray: 78 410;
	}
}


/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body { letter-spacing: -1px !important; }
	.ie_invisible { display: none; }
	.ie_visible { display: block; }
}

/* ==============================
   Bootstrap multicolumn grid
   ============================== */

/* clear the first in row for any block that has the class "multi-columns-row" */
.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }

@media (min-width: 768px) {
    /* reset previous grid */
    .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }
    .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }
    .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }
    .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }
    .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }

    /* clear first in row for small columns */
    .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
    .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }
    .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
    .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }
    .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 992px) {
    /* reset previous grid */
    .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
    .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }
    .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }
    .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }
    .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }

    /* clear first in row for medium columns */
    .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; }
    .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
    .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
    .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }
    .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 1200px) {
    /* reset previous grid */
    .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }
    .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
    .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }
    .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }
    .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }

    /* clear first in row for large columns */
    .multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
    .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
    .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
    .multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }
    .multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }
}

@media (min-width: 1024px) and (max-width: 1100px)  {

	.mobile-nav { display: none; }
	.container { width: 900px; }
	.loader { width: 100px; height: 100px; margin: -50px 0 0 -50px; }
	.main-nav { height: 60px !important; }
	.nav-logo-wrap .logo { display: none !important; }
 	.nav-logo-wrap { margin-top: 15px; }
 	.nav-logo-wrap .home_link { width: 130px; }
 	.inner-nav ul { font-size: 17px; }
 	.inner-nav ul li a,
 	.small-height .inner-nav ul li a { height: 60px !important; line-height: 60px !important; }
 	
 	.left_space,
 	.right_space { width: 60px; }
 	.bottom_space { height: 60px; }
 	 	
 	.slide_talk { width: 380px !important; font-size: 15px !important; line-height: 25px !important; padding: 21px 28px 20px 28px; }
 	.slide_talk_by { font-size: 12px; font-family: 'Nanum Gothic', sans-serif; }
 	
 	
 	
 	#home .tp-bullets.preview4 .bullet, #home .tp-bullets.preview4 .bullet:hover, #home .tp-bullets.preview4 .bullet.selected { width: 16px !important; height: 16px !important; }
 	
 	.tp-bullets { bottom: 21px !important; }
 	
 	.slide_box:nth-child(1) .slide_element1 { left:120px !important; right: auto !important; top:auto !important; bottom: 120px !important; }
 	.slide_box:nth-child(1) .slide_element4 { top:38% !important; left: 33% !important; right: auto; }
 	.slide_box:nth-child(1) .slide_element6 { top:38% !important; left:auto !important; right: 32% !important; }
 	
 	.slide_box:nth-child(2) .slide_element1 { left:120px !important; right: auto !important; top:120px !important; bottom: auto !important; }
 	.slide_box:nth-child(2) .slide_element4 { top:50% !important; left: 38% !important; right:auto !important; }
 	.slide_box:nth-child(2) .slide_element6 { top:38% !important; left:auto !important; right: 11% !important; }
 	
 	.slide_box:nth-child(3) .slide_element1 { left:auto !important; right: 120px !important; top: auto !important; bottom: 120px !important; }
 	.slide_box:nth-child(3) .slide_element4 { top:32% !important; left: 12% !important; right:auto !important; }
 	.slide_box:nth-child(3) .slide_element6 { top:22% !important; left:auto !important; right: 22% !important; }
 	
 	.slide_box:nth-child(4) .slide_element1 { left:auto !important; right: 120px !important; top: 120px !important; bottom: auto !important; }
 	.slide_box:nth-child(4) .slide_element4 { top:27% !important; left: 13% !important; right:auto !important; }
 	.slide_box:nth-child(4) .slide_element6 { top:27% !important; left: 43% !important; right:auto !important; }
 	
 	.slide_box:nth-child(5) .slide_element1 { left:auto !important; right: 120px !important; top: 120px !important; bottom: auto !important; }
 	.slide_box:nth-child(5) .slide_element4 { top:40% !important; left: 15% !important; right:auto !important; }
 	.slide_box:nth-child(5) .slide_element6 { top:45% !important; left: 45% !important; right:auto !important; }
 	
 	.slide_box:nth-child(6) .slide_element1 { left:120px !important; right: auto !important; top:120px !important; bottom: auto !important; }
 	.slide_box:nth-child(6) .slide_element4 { top:44% !important; left: 48% !important; right:auto !important; }
 	.slide_box:nth-child(6) .slide_element6 { top:55% !important; left:auto !important; right: 10% !important; }
 	
 	.slide_box:nth-child(7) .slide_element1 { left:120px !important; right: auto !important; top:120px !important; bottom: auto !important; }
 	.slide_box:nth-child(7) .slide_element4 { top:37% !important; left: 37% !important; right:auto !important; }
 	.slide_box:nth-child(7) .slide_element6 { top:45% !important; left:auto !important; right: 10% !important; }
 	
 	.slide_box:nth-child(8) .slide_element1 { left:120px !important; right: auto !important; top:120px !important; bottom: auto !important; }
 	.slide_box:nth-child(8) .slide_element4 { top:auto !important; bottom: 30% !important; left: 30% !important; }
 	.slide_box:nth-child(8) .slide_element6 { top:35% !important; left:auto !important; right: 10% !important; }
 	
 	.slide_box:nth-child(9) .slide_element1 { left:auto !important; right: 120px !important; top: auto !important; bottom: 120px !important; }
 	.slide_box:nth-child(9) .slide_element4 { top:33% !important; left: 11% !important; right:auto !important; }
 	.slide_box:nth-child(9) .slide_element6 { top:40% !important; left: 43% !important; right:auto !important; }
 	
 	
 	.slide_deco1 { width:70px; }
    .slide_deco2 { width:90px; }
    .slide_deco3 { width:120px; }
    .slide_deco4 { width:120px; }
    .slide_deco5 { width:90px; }
    .slide_deco6 { width:80px; }
    .slide_deco7 { width:90px; }
    .slide_deco8 { width:100px; }
    .slide_deco9 { width:190px; }
    .slide_deco10 { width:90px; }


 
 	.additional_box_half { margin-bottom: 30px; }
 	.additional_box_title { font-size: 20px; }
 	
 	.additional_box_image { width: 60px; }	
 	.additional_box_image.image_donors { width: 85px; height: 66px; margin: 12px 0px 0px 0px;}
 	.additional_box_image.image_donors_list { width: 60px; margin: 15px 0 15px 0px; }
 	
 	.additional_box_title.title_donors_list,
 	.additional_box_title.title_donors { font-size: 24px; }
 	.additional_box_title.title_donors span { font-size: 35px; }
 	.additional_box a { width: auto; }
 	
 	.nav-tabs,
 	.tpl-tabs-cont { padding-left: 15px; padding-right: 15px; }
 	.tpl-alt-tabs li a { border-radius: 15px 15px 0 0; }
 	.tpl-alt-tabs li.active a { padding-bottom: 10px; }
 	
 	.card { min-height: 270px !important; height: 270px !important; }
 	.card_title { font-size: 18px; text-align: center; }
 	.back { padding: 0 30px !important; }
 	.back p { font-size: 17px !important; line-height: 30px !important; }
 	.front, .back { border-radius: 15px !important; }
 	
 	#links .additional_box .additional_box_image { width: 180px; }
 	
 	.snslist { top: -170px; right: 30px; }
 	.snslist a { width: 35px; height: 35px; }
 	.snslist .sns_title { width: 30px; }
 	
 	.footer-copy img { width: 100px; }
 	
 	.bg_deco4_1 { width: 300px; top: -100px; left: -176px; }
 	.bg_deco4_3 { width: 250px; right: -140px; top:-25px; }

 	
 	.chart, .chart2 { width: 300px; height: 300px; }
 	.chart-section { height: 350px; }
 	
 	.pie_title { font-size: 25px; margin-top: -195px; position: relative; }
 	.pie_box { padding: 0 22px; }

 	
 	.toggle > dt.first > a { border-radius: 15px 15px 0 0; }
 	.toggle > dt.last > a { border-radius: 0 0 15px 15px; }



    html, .main-nav { min-width: auto !important; }
    .container { padding-left: 20px; padding-right: 20px; }


    .full-wrapper { margin: 0 60px !important; }
    
    .tp-bannertimer.tp-bottom { top:55px !important; }
    .row { margin-left: 0; margin-right: 0; }
    .mb-xs-30 { margin-bottom: 0 !important; }
    
    a.logo { display:inline !important; }
    
    .bg_deco1 { width:110px; left: 60px; top: 100px; }
    .bg_deco2 { width: 100px; right: 60px; top: 390px; }
    
    .tparrows.preview4::after { font-size: 40px !important; display: block !important; }
    .tp-leftarrow { left: 25px !important; }
    .tp-rightarrow { right: 25px !important; }
    
    
    
        
    .amount_big { font-size: 65px; letter-spacing: -1px; }
    .amount_small { font-size: 50px; letter-spacing: -1px; }
    .amount_title_big { font-size: 25px; margin-bottom:10px; }
    .amount_title_small { font-size: 22px; margin-bottom:5px; }
    .amount_big .counter-unit { font-size: 25px; margin: 0 0 0 8px; }
    .amount_small .counter-unit { font-size: 25px; margin: 0 0 0 5px; }
    
    .toggle > dt > a { padding: 15px 40px 15px 20px; }
    .toggle_title { padding: 15px 40px 15px 20px; margin-top: 50px; }
    .toggle > dt > a::after { right:25px; }
    .toggle table tr td { padding: 20px; }
    .toggle > dd { padding:30px; }
    .toggle_col1,
    .toggle_col2,
    .toggle_col3,
    .toggle_col4 { font-size: 18px; }
    .toggle_title div { font-size: 18px; }
    
    
    .biz1 { width: 40px; left:25px; top:16px; }
    .biz2 { width: 31px; left:21px; top:10px; }
    .biz3 { width: 28px; left:26px; top:9px; }
    .biz4 { width: 31px; left:23px; top:10px; }
    .biz5 { width: 32px; left:23px; top:13px; }
    .biz6 { width: 31px; left:25px; top:8px; }
    .biz7 { width: 31px; left:26px; top:10px; }
    .biz8 { width: 28px; left:26px; top:9px; }
    
    .accordion-container .content { padding:30px; }
    .accordion-container .set > a { padding: 15px 40px 15px 20px; }
    
    .team-item-detail { padding: 10px 10px 55px 10px; }
    .team-item-detail p { font-size: 13px; line-height: 18px; }
    .team-item-detail h4 { font-size: 16px !important; margin-top: 7px; margin-bottom: 5px !important; }
    .team-item-image h4 { font-size: 16px; }
    .team-item-image h4.team_except { font-size: 13px; margin-top: -10px; }
    
    
    .voice_box { width:100%; text-align: center; padding-bottom: 130px; }
    .voice_image { margin: 0; float: none; }
    .voice_wrap { width:100%; margin-top:20px; }
    .voice_content { font-size: 15px; position: absolute; width: 100%; left:0; padding:0 170px; margin-top: 25px; }
    .voice_profile { font-size: 15px; position: absolute; width: 100%; left:0; margin-top:-5px; }
    .voice_content br { display: none; }
    .voice_deco1, .voice_deco2, .voice_deco3 { left: auto; bottom:auto; margin-left: -165px !important; }
    .voice_box .slide_talk_start, .voice_box .slide_talk_end { width: 15px; }
    .slide_talk_start { margin: -3px 7px 0 0; width:18px; }
    .slide_talk_end { margin: -3px 0 0 7px; width:18px; }
    .voice_content .slide_talk_start { margin: -7px 5px 0 0; width:15px; }
    .voice_content .slide_talk_end { margin: -7px 0 0 5px; width:15px; }
    
    .voice_deco1, .voice_deco2, .voice_deco3 { width: 50px; }
    
    .tpl-alt-tabs li { width: 33.333% !important; }
    .tpl-alt-tabs li a { font-size: 20px; padding:7px 0 7px 0; }
    .tab-pane-desc { font-size: 17px; }
    
    svg { width: 280px; height: 280px; }
    
    .pie_half { padding-bottom:50px; }
    .pie_half.left, .pie_half.right { width:370px; }
    .pie_title { width: 100%; left:0; }
    .pie_box .amount_big { font-size: 49px; padding:0; }
    .pie_box .amount_big .counter-unit { font-size: 24px; }
    .pie_details { width: 100%; }
    .pie_details_left { width:auto; font-size:17px; }
    .pie_details_right { width:auto; font-size:17px; }
    .pie_link_left { width: 500px; text-align: left; font-size: 17px; padding:15px 0px; }
    .pie_link_right { text-align: right; }
    .pie_link a img { width:115px; margin: 0 10px 0 10px; }
    .pie_link { padding-top:10px; text-align: center; }
    .pie_link br { display: none; }
    
    
    .ceo_title { color: #777; font-size: 19px; }
    .ceo_profile { width: 30%; }
    .ceo_greeting { width: 70%; padding-left: 3%; }
    .ceo_image { width:220px; }
    .ceo_sign { display: block; margin: 0 auto; padding: 10px 5px 10px 5px; }
    .voice_deco_ceo { position: static; margin: 0 0 -50px 10px; width: 60px; left: 70px; }
    .ceo_greeting_title { font-size:25px; padding-top: 20px; }
    .ceo_greeting_content { font-size: 17px; padding: 15px 0; text-align: left; }
    .ceo_greeting_content br { display: none; }
    .ceo_greeting_content p { margin-bottom: 25px; line-height: 1.6; }
    
    
    
    .bg_deco6 { bottom: 120px; right: -100px; top:auto; display: none; }
    
    .btn_box { width: 860px; }

    
    .link_arrow_down { width: 15px !important; left: 57px; bottom: 20px; }
    
    a.link-to-top { width: 70px; height: 70px; } 
    
    .beauty_list_header .list_logo { width: 180px; margin-top: -5px; }
    .beauty_list_header .container { padding-left: 15px; padding-right: 15px; }
    .beauty_list_header .list-nav { margin-top: 0; }
    .beauty_list_header h1 { font-size: 28px; }
    .beauty_list_header { padding: 30px 30px 30px 30px; }
    .beauty_list_header .inner-nav ul li a { height: 40px !important; line-height: 40px !important; }
    .beauty_list2 { padding: 0px 25px 30px 25px; }
    .beauty_list2 h4 { padding-top: 180px; }
    .beauty_list { padding: 0px 25px 30px 25px; }
    .beauty_list h4:first-child { padding-top: 150px; }
    .beauty_list table { margin-bottom: 5px; }
}



@media (min-width: 768px) and (max-width: 1023px)  {


/*common*/
.desktop-nav { display: none; }
html, .main-nav { min-width: auto !important; }
.container { padding-left: 20px; padding-right: 20px; width: auto; }
.page-section { padding:90px 0 !important; }
.full-wrapper { margin: 0 16px 0 14px !important; }
.mobile-nav { position: fixed; right:0; border: 0; }
.main-nav { height: 50px !important; }
.small-height { height:50px !important; }
.nav-logo-wrap { width: 100%; margin: 0; }
.nav-logo-wrap a { margin-top:9px; }
.nav-logo-wrap .home_link { width:130px; }
.nav-logo-wrap .logo { margin-top:0; width: auto; font-size: 17px; height:50px; line-height: 50px; float: right; letter-spacing: -0.5px; }
.tp-bannertimer.tp-bottom { top:50px !important; }
.row { margin-left: 0; margin-right: 0; width: 100%; }
.mb-xs-30 { margin-bottom: 0 !important; }
a.logo { display:inline !important; }
.narrow { letter-spacing: -1.5px; }
.loader { width: 100px; height: 100px; margin: -50px 0 0 -50px; }

.right_space,
.left_space,
.bottom_space { display: none; }


.additional_box { margin-bottom: 80px !important; }
.additional_box_title { font-size: 18px; }
.additional_box_image { width: 50px; }	
.additional_box_image.image_donors { width: 70px; height: 72px; }
.additional_box_image.image_donors_list { width: 50px; margin: 15px 0 15px 0px; }
.additional_box_title.title_donors_list,
.additional_box_title.title_donors { font-size: 20px; }
.additional_box_title.title_donors span { font-size: 30px; }
.additional_box a { width: auto; }

.nav-tabs,
.tpl-tabs-cont { padding-left: 15px; padding-right: 15px; }
.tpl-alt-tabs li a { border-radius: 15px 15px 0 0; }
.tpl-alt-tabs li.active a { padding-bottom: 10px; }

.card { height: 220px !important; min-height: 220px !important; }
.card_title { font-size: 15px; text-align: center; }
.back { padding: 0 20px !important; }
.back p { font-size: 15px !important; line-height: 22px !important; }

#links .additional_box .additional_box_image { width: 170px; }

.snslist { top: -170px; right: 30px; }
.snslist a { width: 35px; height: 35px; }
.snslist .sns_title { width: 30px; }

.chart, .chart2 { width: 260px; height: 260px; }
.chart-section { height: 270px; }

.pie_title { font-size: 25px; margin-top: -145px; }
.pie_box { padding: 0 22px; }
.pie_link_left { padding-top: 0; }

.bg_deco1 { width: 80px; left: 70px; top: 100px; }
.bg_deco2 { width: 80px; top: 360px; right: 60px; }
.bg_deco4_1 { width: 300px; top: -150px; left: -176px; }
.bg_deco4_3 { width: 250px; right: -140px; top:-25px; }
.bg_deco6 { bottom: 230px; right: -100px; top:auto; display: none; }
.count_image { width: 40px; }

.amount_big { font-size: 50px; }
.amount_small { font-size: 40px; }
.amount_title_big { font-size: 25px; margin-bottom:5px; }
.amount_title_small { font-size: 20px; margin-bottom:5px; }
.amount_big .counter-unit { font-size: 30px; margin: 0 0 0 5px; }
.amount_small .counter-unit { font-size: 20px; margin: 0 0 0 5px; }

.toggle table tr td { font-size: 15px; text-align: left; }
.toggle_col1,.toggle_col2,.toggle_col3,.toggle_col4 { font-size: 17px !important; }
.toggle > dt > a { padding: 17px 60px 17px 15px; }
.toggle_title { padding: 17px 60px 17px 15px; margin-top: 60px; }
.toggle > dt.first > a { border-radius: 15px 15px 0 0; }
.toggle > dt.last > a { border-radius: 0 0 15px 15px; }
.toggle_col1 { text-align: left; padding-left: 75px; width: 25%; }
.toggle_col3 { width: 22%; }
.toggle_col4 { width: 22%; }

.biz1 { width: 44px; left:30px; top:19px; }
.biz2 { width: 35px; left:28px; top:12px; }
.biz3 { width: 32px; left:33px; top:10px; }
.biz4 { width: 35px; left:29px; top:12px; }
.biz5 { width: 36px; left:30px; top:14px; }
.biz6 { width: 36px; left:31px; top:9px; }
.biz7 { width: 34px; left:32px; top:13px; }
.biz8 { width: 32px; left:31px; top:11px; }

.voice_box { width:100%; text-align: center; padding-bottom: 130px; }
.voice_image { margin: 0; float: none; }
.voice_wrap { width:100%; margin-top:20px; }
.voice_content { font-size: 15px; position: absolute; width: 100%; left:0; padding:0 30px; margin-top: 25px; }
.voice_profile { font-size: 15px; position: absolute; width: 100%; left:0; margin-top:-5px; }
.voice_content br { display: none; }
.voice_deco1, .voice_deco2, .voice_deco3 { left: auto; bottom:auto; margin-left: -165px !important; }
.voice_box .slide_talk_start, .voice_box .slide_talk_end { width: 15px; }
.slide_talk_start { margin: -5px 6px 0 0; width:25px; }
.slide_talk_end { margin: -5px 0 0 3px; width:25px; }
.voice_content .slide_talk_start { margin: -7px 3px 0 0; width:15px; }
.voice_content .slide_talk_end { margin: -7px 0 0 2px; width:15px; }

.tpl-alt-tabs li { width: 33.333% !important; }
.tpl-alt-tabs li a { font-size: 18px; line-height: 50px; padding:3px 0 0 0; }
.tab-pane-desc { font-size: 17px; line-height: 25px; }
.team-item-detail h4 { font-size: 18px !important; }
.team-item-image h4 { font-size: 17px; }
.col50 { width:100% !important; }

.pie_half { padding-bottom:50px; }
.pie_half.left, .pie_half.right { width: 310px; }
.pie_half .row { padding-top:25px; }
.pie_title { width: 100%; left:0; margin-top: -150px; position: relative; }
.pie_box .amount_big { font-size: 43px; padding: 0; }
.pie_box .amount_big .counter-unit { font-size: 24px; }
.pie_details { width:100%; }
.pie_details_left { width:auto; font-size:15px; }
.pie_details_right { width:auto; font-size:15px; }
.pie_link_left { width: 400px; text-align: left; font-size: 15px; padding:15px 0; }
.pie_link a img { width:100px; margin: 0 10px 0 10px; }
.pie_link { padding-top:10px; text-align: center; }
.pie_link br { display: none; }

.ceo_title { color: #777; font-size: 19px; }
.ceo_image { width:180px; }
.ceo_sign { display: block; margin: 0 auto; padding: 10px 20px 10px 20px; }
.voice_deco_ceo { position: static; margin: 0 0 -50px 10px; width: 50px; left: 70px; }
.ceo_greeting_title { font-size:20px; padding: 0 15px; margin-top: 15px; }
.ceo_greeting_content { font-size: 15px; padding: 15px; text-align: left; }
.ceo_greeting_content br { display: none; }
.ceo_greeting_content p { margin-bottom: 10px; }
.ceo_greeting { padding-left: 0; }


.link_arrow_down { bottom: 15px; left: 47px; width: 14px !important; }

a.link-to-top { display: none; }

#greeting { padding-bottom:30px !important; }



}

@media (min-width: 321px) and (max-width: 767px) {
 
/*common*/


.desktop-nav { display: none; }
html, .main-nav { min-width: auto !important; }
.container { width: auto; padding-left: 20px; padding-right: 20px; text-align: center; }
.page-section { padding:90px 0 !important; width: auto; }
.full-wrapper { margin: 0 16px 0 14px !important; }
.mobile-nav { position: fixed; right:0; border: 0; }
.main-nav { height: 50px !important; }
.small-height { height:50px !important; }
.nav-logo-wrap { width: 100%; margin: 0; }
.nav-logo-wrap a { margin-top:9px; }
.nav-logo-wrap .home_link { width:130px; }
.nav-logo-wrap .logo { margin-top:0; width: auto; font-size: 17px; height:50px; line-height: 50px; float: right; letter-spacing: -0.5px; }
.tp-bannertimer.tp-bottom { top:50px !important; }
.row { margin-left: 0; margin-right: 0; width: 100%; }
.mb-xs-30 { margin-bottom: 0 !important; }
.narrow { letter-spacing: -1.5px; }
a.logo { display:inline !important; }
.loader { width: 100px; height: 100px; margin: -50px 0 0 -50px; }


.right_space,
.left_space,
.bottom_space { display: none; }





.additional_box a { width: auto; }
.additional_box_half { width: 100%; margin-bottom: 30px; }
.additional_box_title { font-size: 16px; }
.additional_box_title.title_donors,
.additional_box_title.title_donors_list { font-size: 20px; }
.additional_box_image { width: 50px; }	
.additional_box_image.image_donors { width: 70px; font-size: 17px; }
.additional_box_image.image_donors_list { width: 50px; margin: 15px 0 15px 0px; font-size: 17px; }
.additional_box_title.title_donors span { font-size: 30px; }
#links .additional_box .additional_box_image { width: 140px; }


.bg_deco1 { width:50px; left: 40px; top: 70px; }
.bg_deco2 { width: 50px; top: 350px; right: 30px; }
.bg_deco4_1 { width: 300px; top: -150px; left: -176px; }
.bg_deco4_3 { width: 250px; right: -140px; top:-25px; }
.bg_deco6 { display: none; }

.amount_big { font-size: 35px; }
.amount_small { font-size: 30px; }
.amount_title_big { font-size: 20px; margin-bottom:5px; }
.amount_title_small { font-size: 16px; margin-bottom:5px; }
.amount_big .counter-unit { font-size: 20px; margin: 0 0 0 5px; }
.amount_small .counter-unit { font-size: 17px; margin: 0 0 0 5px; }
.count_image { width: 40px; }
.chart, .chart2 { width: 250px; height: 250px; }
.chart-section { height: 260px; }

.toggle > dt > a { padding: 20px 40px 20px 20px; }
.toggle_title { padding: 15px 20px 15px 20px; }
.toggle_title .toggle_right { display: none; }
.toggle_title .toggle_left { width:100%; }
.toggle > dt > a::after { right:30px; top: 30px; }
.toggle_left { float: left; width: 55px; }
.toggle_right { float: left; width:180px; margin-left: 15px;  }
.toggle_col1,
.toggle_col2,
.toggle_col3,
.toggle_col4 { font-size: 14px; line-height: 21px; width:100%; text-align: left; }
.toggle_col1 { padding-left: 0px; padding-top: 43px; text-align: center; }
.toggle_title div { font-size: 20px; text-align: center; }
.toggle table tr { display: block; float: left; padding: 15px 0 15px 0; }
.toggle table tr td { display: block; width: 100% !important; float:left; padding: 0 0 7px 0; font-size: 14px; line-height: 22px; text-align: left !important; color:#777; font-size: 13px; line-height:18px; }
.toggle > dd { padding: 20px; }
.toggle table tr td:nth-child(1) { font-size:15px; line-height: 23px; }
.toggle table tr td:nth-child(2) { font-size:14px; line-height: 22px; }
.toggle table tr td:nth-child(3),
.toggle table tr td:nth-child(4),
.toggle table tr td:nth-child(5) { padding-bottom: 0; font-size:14px; line-height: 23px; font-weight: 500; }
.toggle table tr.thead { padding: 0 0 10px 0; }
.toggle table tr.thead td:nth-child(1) { color: #f4a100; font-size: 15px; }
.toggle table tr.thead td:nth-child(2),
.toggle table tr.thead td:nth-child(3),
.toggle table tr.thead td:nth-child(4),
.toggle table tr.thead td:nth-child(5) { display: none; }
.toggle_label { display:inline; padding-right:3px; color: #333333; }
.td_hidden { display: none !important; }
.tr_total { display: none !important; }

.biz1 { width: 44px; left:30px; top:23px; }
.biz2 { width: 35px; left:28px; top:22px; }
.biz3 { width: 32px; left:33px; top:20px; }
.biz4 { width: 35px; left:29px; top:22px; }
.biz5 { width: 36px; left:30px; top:24px; }
.biz6 { width: 36px; left:31px; top:19px; }
.biz7 { width: 34px; left:32px; top:23px; }
.biz8 { width: 32px; left:31px; top:21px; }

.accordion-container .set > a { padding: 15px 50px 15px 20px; }
.accordion-container .set > a::after { right:23px; top: 25px; }
.accordion-container table tr { display: block; float: left; padding: 15px 0 15px 0; }
.accordion-container table tr td { display: block; width: 100% !important; float:left; padding: 0 0 7px 0; font-size: 14px; line-height: 20px; text-align: left !important; color:#777; font-size: 13px; line-height:18px; }
.accordion-container .content { padding: 20px; }
.accordion-container table tr td:nth-child(1) { font-size:14px; }
.accordion-container table tr td:nth-child(2) {  }
.accordion-container table tr td:nth-child(3),
.accordion-container table tr td:nth-child(4),
.accordion-container table tr td:nth-child(5) { padding-bottom: 0; }
.accordion-container table tr.thead { padding: 0 0 10px 0; }
.accordion-container table tr.thead td:nth-child(1) { color: #f4a100; font-size: 14px; }
.accordion-container table tr.thead td:nth-child(2),
.accordion-container table tr.thead td:nth-child(3),
.accordion-container table tr.thead td:nth-child(4),
.accordion-container table tr.thead td:nth-child(5) { display: none; }

.nav-tabs,
.tpl-tabs-cont { padding-left: 15px; padding-right: 15px; }
.tpl-alt-tabs li { width: 33.333% !important; }
.tpl-alt-tabs li a { border-radius: 15px 15px 0 0; font-size: 15px; line-height: 38px; padding:3px 0 0 0; }
.tpl-alt-tabs li.active a { padding-bottom: 10px; }
.tab-pane-desc { font-size: 15px; line-height: 25px; }
.team-item-detail h4 { font-size: 18px !important; }
.team-item-image h4 { font-size: 15px; }
.col50 { width:100% !important; }

.card { height: 220px !important; min-height: 220px !important; }
.card_title { font-size: 14px; text-align: center; }
.back { padding:0 20px !important; }
.back p { font-size: 14px !important; line-height: 22px; }
.front, .back { border-radius: 15px !important; }

.pie_half { padding-bottom:50px; }
.pie_half.left, .pie_half.right { width:100%; }
.pie_half .row { padding-top:25px; }
.pie_title { font-size: 25px; margin-top: -150px; width: 100%; left:0; }
.pie_box { padding: 0 22px; }
.pie_box .amount_big { font-size: 30px; }
.pie_box .amount_big .counter-unit { font-size: 25px; }
.pie_details { width:100%; }
.pie_details_left { width:auto; font-size:15px; }
.pie_details_right { width:auto; font-size:15px; }
.pie_link_left { width:100%; font-size: 15px; padding-bottom:30px; padding-top: 0; }
.pie_link_right { float: none; text-align: center; }
.pie_link a img { width:100px; margin: 0 10px 0 10px; }
.pie_link { padding-top:10px; text-align: center; }
.pie_link br { display: none; }

#greeting { padding-bottom: 0 !important; }

.ceo_title { color: #777; font-size: 17px; }
.ceo_profile { width:100%; }
.ceo_image { width:180px; }
.ceo_sign { display: block; margin: 0 auto; padding: 10px 20px 10px 20px; }
.ceo_greeting { width:100%; border:0; border-top:1px solid #f4a100; margin:0; padding:0; margin-top:30px; }
.ceo_greeting_title { font-size:20px; margin-top:10px !important; margin-bottom:15px !important; text-align: center; }
.ceo_greeting_content { font-size: 15px; padding: 15px; text-align: left; }
.ceo_greeting_content br { display: none; }
.ceo_greeting_content p { margin-bottom: 10px; }
.voice_deco_ceo { position: static; margin: 0 0 -50px -130px; width: 50px; left: 70px; }

.snslist { top: -170px; right: 30px; }
.snslist a { width: 30px; height: 30px; }
.snslist .sns_title { width: 25px; }


.beauty_list_header .list_logo { width: 100px; margin-top: 0; }
.beauty_list_header .container { padding-left: 5px; padding-right: 5px; }
.beauty_list_header .list-nav { margin-top: 0; display: block !important; }
.beauty_list_header h1 { font-size: 16px; }
.beauty_list_header { padding: 17px 20px 17px 20px !important; }
.beauty_list_header2 { padding-bottom: 22px !important; }
.beauty_list_header .inner-nav ul { font-size: 15px; }
.beauty_list_header .inner-nav ul li a { height: 30px !important; line-height: 30px !important; padding: 10px 5px; display: block; }
.beauty_list2 { padding: 0px 5px 30px 5px !important; }
.beauty_list2 h4 { padding-top: 145px; margin-bottom: 10px; text-align: left; font-size: 25px; }
.beauty_list2 table { padding: 10px 0; }
.beauty_list2 tr { width: auto; display: block; margin-right: 20px; }
.beauty_list { padding: 0px 5px 30px 5px !important; }
.beauty_list h4 { padding-top: 0px; margin-bottom: 20px; text-align: left; font-size: 20px; }
.beauty_list table { padding: 15px 0; margin-bottom: 5px; }
.beauty_list h4:first-child { padding-top: 90px; }
.beauty_list tr { width: 300px; width: auto; display: block; margin-right: 20px; }
.beauty_list td, .beauty_list2 td { text-align: left; font-size: 13px; }


    
}




@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3)
    and (orientation: portrait) { 

/*common*/
.desktop-nav { display: none; }
html, .main-nav { min-width: auto !important; }
.container { padding-left: 20px; padding-right: 20px; text-align: center; width: auto; }
.page-section { padding:90px 0 !important; }
.full-wrapper { margin: 0 16px 0 14px !important; }
.mobile-nav { position: fixed; right:0; border: 0; }
.main-nav { height: 50px !important; }
.small-height { height:50px !important; }
.nav-logo-wrap { width: 100%; margin: 0; }
.nav-logo-wrap a { margin-top:9px; }
.nav-logo-wrap .home_link { width:130px; }
.nav-logo-wrap .logo { margin-top:0; width: auto; font-size: 17px; height:50px; line-height: 50px; float: right; letter-spacing: -0.5px; }
.tp-bannertimer.tp-bottom { top:50px !important; }
.row { margin-left: 0; margin-right: 0; width: 100%; }
.mb-xs-30 { margin-bottom: 0 !important; }
.narrow { letter-spacing: -1.5px; }
a.logo { display:inline !important; }
.loader { width: 100px; height: 100px; margin: -50px 0 0 -50px; }



.right_space,
.left_space,
.bottom_space { display: none; }

.slide_box { overflow: visible !important; }
.slide_box .tp-bgimg { display: none !important; }
.slide_box .slot { display: none !important; }



.additional_box a { width: auto; }
.additional_box_half { width: 100%; margin-bottom: 30px; }
.additional_box_title { font-size: 16px; }
.additional_box_title.title_donors,
.additional_box_title.title_donors_list { font-size: 20px; }
.additional_box_image { width: 50px; }	
.additional_box_image.image_donors { width: 70px; font-size: 17px; }
.additional_box_image.image_donors_list { width: 50px; margin: 15px 0 15px 0px; font-size: 17px; }
.additional_box_title.title_donors span { font-size: 30px; }
#links .additional_box .additional_box_image { width: 140px; }


.bg_deco1 { width:50px; left: 40px; top: 70px; }
.bg_deco2 { width: 50px; top: 350px; right: 30px; }
.bg_deco4_1 { width: 300px; top: -150px; left: -176px; }
.bg_deco4_3 { width: 250px; right: -140px; top:-25px; }
.bg_deco6 { display: none; }

.amount_big { font-size: 35px; }
.amount_small { font-size: 30px; }
.amount_title_big { font-size: 20px; margin-bottom:5px; }
.amount_title_small { font-size: 16px; margin-bottom:5px; }
.amount_big .counter-unit { font-size: 20px; margin: 0 0 0 5px; }
.amount_small .counter-unit { font-size: 17px; margin: 0 0 0 5px; }
.count_image { width: 40px; }
.chart, .chart2 { width: 250px; height: 250px; }
.chart-section { height: 260px; }

.toggle > dt > a { padding: 20px 40px 20px 20px; }
.toggle_title { padding: 15px 20px 15px 20px; }
.toggle_title .toggle_right { display: none; }
.toggle_title .toggle_left { width:100%; }
.toggle > dt > a::after { right:30px; top: 30px; }
.toggle_left { float: left; width: 55px; }
.toggle_right { float: left; width:180px; margin-left: 15px;  }
.toggle_col1,
.toggle_col2,
.toggle_col3,
.toggle_col4 { font-size: 14px; line-height: 21px; width:100%; text-align: left; }
.toggle_col1 { padding-left: 0px; padding-top: 43px; text-align: center; }
.toggle_title div { font-size: 20px; text-align: center; }
.toggle table tr { display: block; float: left; padding: 15px 0 15px 0; }
.toggle table tr td { display: block; width: 100% !important; float:left; padding: 0 0 7px 0; font-size: 14px; line-height: 22px; text-align: left !important; color:#777; font-size: 13px; line-height:18px; }
.toggle > dd { padding: 20px; }
.toggle table tr td:nth-child(1) { font-size:15px; line-height: 23px; }
.toggle table tr td:nth-child(2) { font-size:14px; line-height: 22px; }
.toggle table tr td:nth-child(3),
.toggle table tr td:nth-child(4),
.toggle table tr td:nth-child(5) { padding-bottom: 0; font-size:14px; line-height: 23px; font-weight: 500; }
.toggle table tr.thead { padding: 0 0 10px 0; }
.toggle table tr.thead td:nth-child(1) { color: #f4a100; font-size: 15px; }
.toggle table tr.thead td:nth-child(2),
.toggle table tr.thead td:nth-child(3),
.toggle table tr.thead td:nth-child(4),
.toggle table tr.thead td:nth-child(5) { display: none; }
.toggle_label { display:inline; padding-right:3px; color: #333333; }
.td_hidden { display: none !important; }

.biz1 { width: 44px; left:30px; top:23px; }
.biz2 { width: 35px; left:28px; top:22px; }
.biz3 { width: 32px; left:33px; top:20px; }
.biz4 { width: 35px; left:29px; top:22px; }
.biz5 { width: 36px; left:30px; top:24px; }
.biz6 { width: 36px; left:31px; top:19px; }
.biz7 { width: 34px; left:32px; top:23px; }
.biz8 { width: 32px; left:31px; top:21px; }

.accordion-container .set > a { padding: 15px 50px 15px 20px; }
.accordion-container .set > a::after { right:23px; top: 25px; }
.accordion-container table tr { display: block; float: left; padding: 15px 0 15px 0; }
.accordion-container table tr td { display: block; width: 100% !important; float:left; padding: 0 0 7px 0; font-size: 14px; line-height: 20px; text-align: left !important; color:#777; font-size: 13px; line-height:18px; }
.accordion-container .content { padding: 20px; }
.accordion-container table tr td:nth-child(1) { font-size:14px; }
.accordion-container table tr td:nth-child(2) {  }
.accordion-container table tr td:nth-child(3),
.accordion-container table tr td:nth-child(4),
.accordion-container table tr td:nth-child(5) { padding-bottom: 0; }
.accordion-container table tr.thead { padding: 0 0 10px 0; }
.accordion-container table tr.thead td:nth-child(1) { color: #f4a100; font-size: 14px; }
.accordion-container table tr.thead td:nth-child(2),
.accordion-container table tr.thead td:nth-child(3),
.accordion-container table tr.thead td:nth-child(4),
.accordion-container table tr.thead td:nth-child(5) { display: none; }

.nav-tabs,
.tpl-tabs-cont { padding-left: 15px; padding-right: 15px; }
.tpl-alt-tabs li { width: 33.333% !important; }
.tpl-alt-tabs li a { border-radius: 15px 15px 0 0; font-size: 15px; line-height: 38px; padding:3px 0 0 0; }
.tpl-alt-tabs li.active a { padding-bottom: 10px; }
.tab-pane-desc { font-size: 15px; line-height: 25px; }
.team-item-detail h4 { font-size: 18px !important; }
.team-item-image h4 { font-size: 15px; }
.col50 { width:100% !important; }

.card { height: 220px !important; min-height: 220px !important; }
.card_title { font-size: 14px; text-align: center; }
.back { padding:0 20px !important; }
.back p { font-size: 14px !important; line-height: 22px; }
.front, .back { border-radius: 15px !important; }

.pie_half { padding-bottom:50px; }
.pie_half.left, .pie_half.right { width:100%; }
.pie_half .row { padding-top:25px; }
.pie_title { font-size: 25px; margin-top: -150px; width: 100%; left:0; }
.pie_box { padding: 0 22px; }
.pie_box .amount_big { font-size: 30px; }
.pie_box .amount_big .counter-unit { font-size: 25px; }
.pie_details { width:100%; }
.pie_details_left { width:auto; font-size:15px; }
.pie_details_right { width:auto; font-size:15px; }
.pie_link_left { width:100%; font-size: 15px; padding-bottom:30px; padding-top: 0; }
.pie_link_right { float: none; text-align: center; }
.pie_link a img { width:100px; margin: 0 10px 0 10px; }
.pie_link { padding-top:10px; text-align: center; }
.pie_link br { display: none; }

#greeting { padding-bottom: 0 !important; }

.ceo_title { color: #777; font-size: 17px; }
.ceo_profile { width:100%; }
.ceo_image { width:180px; }
.ceo_sign { display: block; margin: 0 auto; padding: 10px 20px 10px 20px; }
.ceo_greeting { width:100%; border:0; border-top:1px solid #f4a100; margin:0; padding:0; margin-top:30px; }
.ceo_greeting_title { font-size:20px; margin-top:10px !important; margin-bottom:15px !important; text-align: center; }
.ceo_greeting_content { font-size: 15px; padding: 15px; text-align: left; }
.ceo_greeting_content br { display: none; }
.ceo_greeting_content p { margin-bottom: 10px; }
.voice_deco_ceo { position: static; margin: 0 0 -50px -130px; width: 50px; left: 70px; }


.snslist { top: -170px; right: 30px; }
.snslist a { width: 30px; height: 30px; }
.snslist .sns_title { width: 25px; }


.beauty_list_header .list_logo { width: 100px; margin-top: 0; }
.beauty_list_header .container { padding-left: 5px; padding-right: 5px; }
.beauty_list_header .list-nav { margin-top: 0; display: block !important; }
.beauty_list_header h1 { font-size: 16px; }
.beauty_list_header { padding: 17px 20px 17px 20px !important; }
.beauty_list_header2 { padding-bottom: 22px !important; }
.beauty_list_header .inner-nav ul { font-size: 15px; }
.beauty_list_header .inner-nav ul li a { height: 30px !important; line-height: 30px !important; padding: 10px 5px; display: block; }
.beauty_list2 { padding: 0px 5px 30px 5px !important; }
.beauty_list2 h4 { padding-top: 145px; margin-bottom: 10px; text-align: left; font-size: 25px; }
.beauty_list2 table { padding: 10px 0; }
.beauty_list2 tr { width: auto; display: block; margin-right: 20px; }
.beauty_list { padding: 0px 5px 30px 5px !important; }
.beauty_list h4 { padding-top: 0px; margin-bottom: 20px; text-align: left; font-size: 20px; }
.beauty_list table { padding: 15px 0; margin-bottom: 5px; }
.beauty_list h4:first-child { padding-top: 90px; }
.beauty_list tr { width: 300px; width: auto; display: block; margin-right: 20px; }
.beauty_list td, .beauty_list2 td { text-align: left; font-size: 13px; }
	    
}

@media screen 
  	and (device-width : 360px) 
    and (device-height : 740px) 
    and (-webkit-device-pixel-ratio : 4)
    and (orientation: portrait)  {

/*common*/
.desktop-nav { display: none; }
html, .main-nav { min-width: auto !important; }
.container { width: auto; padding-left: 20px; padding-right: 20px; text-align: center; }
.page-section { padding:90px 0 !important; }
.full-wrapper { margin: 0 16px 0 14px !important; }
.mobile-nav { position: fixed; right:0; border: 0; }
.main-nav { height: 50px !important; }
.small-height { height:50px !important; }
.nav-logo-wrap { width: 100%; margin: 0; }
.nav-logo-wrap a { margin-top:9px; }
.nav-logo-wrap .home_link { width:130px; }
.nav-logo-wrap .logo { margin-top:0; width: auto; font-size: 17px; height:50px; line-height: 50px; float: right; letter-spacing: -0.5px; }
.tp-bannertimer.tp-bottom { top:50px !important; }
.row { margin-left: 0; margin-right: 0; width: 100%; }
.mb-xs-30 { margin-bottom: 0 !important; }
.narrow { letter-spacing: -1.5px; }
a.logo { display:inline !important; }
.loader { width: 100px; height: 100px; margin: -50px 0 0 -50px; }

.right_space,
.left_space,
.bottom_space { display: none; }

.slide_box { overflow: visible !important; }
.slide_box .tp-bgimg { display: none !important; }
.slide_box .slot { display: none !important; }

.additional_box a { width: auto; }
.additional_box_half { width: 100%; margin-bottom: 30px; }
.additional_box_title { font-size: 16px; }
.additional_box_title.title_donors,
.additional_box_title.title_donors_list { font-size: 20px; }
.additional_box_image { width: 50px; }	
.additional_box_image.image_donors { width: 70px; font-size: 17px; }
.additional_box_image.image_donors_list { width: 50px; margin: 15px 0 15px 0px; font-size: 17px; }
.additional_box_title.title_donors span { font-size: 30px; }
#links .additional_box .additional_box_image { width: 140px; }

.bg_deco1 { width:50px; left: 40px; top: 70px; }
.bg_deco2 { width: 50px; top: 350px; right: 30px; }
.bg_deco4_1 { width: 300px; top: -150px; left: -176px; }
.bg_deco4_3 { width: 250px; right: -140px; top:-25px; }
.bg_deco6 { display: none; }

.amount_big { font-size: 35px; }
.amount_small { font-size: 30px; }
.amount_title_big { font-size: 20px; margin-bottom:5px; }
.amount_title_small { font-size: 16px; margin-bottom:5px; }
.amount_big .counter-unit { font-size: 20px; margin: 0 0 0 5px; }
.amount_small .counter-unit { font-size: 17px; margin: 0 0 0 5px; }
.count_image { width: 40px; }
.chart, .chart2 { width: 250px; height: 250px; }
.chart-section { height: 260px; }

.toggle > dt > a { padding: 20px 40px 20px 20px; }
.toggle_title { padding: 15px 20px 15px 20px; }
.toggle_title .toggle_right { display: none; }
.toggle_title .toggle_left { width:100%; }
.toggle > dt > a::after { right:30px; top: 30px; }
.toggle_left { float: left; width: 55px; }
.toggle_right { float: left; width:180px; margin-left: 15px;  }
.toggle_col1,
.toggle_col2,
.toggle_col3,
.toggle_col4 { font-size: 14px; line-height: 21px; width:100%; text-align: left; }
.toggle_col1 { padding-left: 0px; padding-top: 43px; text-align: center; }
.toggle_title div { font-size: 20px; text-align: center; }
.toggle table tr { display: block; float: left; padding: 15px 0 15px 0; }
.toggle table tr td { display: block; width: 100% !important; float:left; padding: 0 0 7px 0; font-size: 14px; line-height: 22px; text-align: left !important; color:#777; font-size: 13px; line-height:18px; }
.toggle > dd { padding: 20px; }
.toggle table tr td:nth-child(1) { font-size:15px; line-height: 23px; }
.toggle table tr td:nth-child(2) { font-size:14px; line-height: 22px; }
.toggle table tr td:nth-child(3),
.toggle table tr td:nth-child(4),
.toggle table tr td:nth-child(5) { padding-bottom: 0; font-size:14px; line-height: 23px; font-weight: 500; }
.toggle table tr.thead { padding: 0 0 10px 0; }
.toggle table tr.thead td:nth-child(1) { color: #f4a100; font-size: 15px; }
.toggle table tr.thead td:nth-child(2),
.toggle table tr.thead td:nth-child(3),
.toggle table tr.thead td:nth-child(4),
.toggle table tr.thead td:nth-child(5) { display: none; }
.toggle_label { display:inline; padding-right:3px; color: #333333; }
.td_hidden { display: none !important; }

.biz1 { width: 44px; left:30px; top:23px; }
.biz2 { width: 35px; left:28px; top:22px; }
.biz3 { width: 32px; left:33px; top:20px; }
.biz4 { width: 35px; left:29px; top:22px; }
.biz5 { width: 36px; left:30px; top:24px; }
.biz6 { width: 36px; left:31px; top:19px; }
.biz7 { width: 34px; left:32px; top:23px; }
.biz8 { width: 32px; left:31px; top:21px; }

.accordion-container .set > a { padding: 15px 50px 15px 20px; }
.accordion-container .set > a::after { right:23px; top: 25px; }
.accordion-container table tr { display: block; float: left; padding: 15px 0 15px 0; }
.accordion-container table tr td { display: block; width: 100% !important; float:left; padding: 0 0 7px 0; font-size: 14px; line-height: 20px; text-align: left !important; color:#777; font-size: 13px; line-height:18px; }
.accordion-container .content { padding: 20px; }
.accordion-container table tr td:nth-child(1) { font-size:14px; }
.accordion-container table tr td:nth-child(2) {  }
.accordion-container table tr td:nth-child(3),
.accordion-container table tr td:nth-child(4),
.accordion-container table tr td:nth-child(5) { padding-bottom: 0; }
.accordion-container table tr.thead { padding: 0 0 10px 0; }
.accordion-container table tr.thead td:nth-child(1) { color: #f4a100; font-size: 14px; }
.accordion-container table tr.thead td:nth-child(2),
.accordion-container table tr.thead td:nth-child(3),
.accordion-container table tr.thead td:nth-child(4),
.accordion-container table tr.thead td:nth-child(5) { display: none; }

.nav-tabs,
.tpl-tabs-cont { padding-left: 15px; padding-right: 15px; }
.tpl-alt-tabs li { width: 33.333% !important; }
.tpl-alt-tabs li a { border-radius: 15px 15px 0 0; font-size: 15px; line-height: 38px; padding:3px 0 0 0; }
.tpl-alt-tabs li.active a { padding-bottom: 10px; }
.tab-pane-desc { font-size: 15px; line-height: 25px; }
.team-item-detail h4 { font-size: 18px !important; }
.team-item-image h4 { font-size: 15px; }
.col50 { width:100% !important; }

.card { height: 220px !important; min-height: 220px !important; }
.card_title { font-size: 14px; text-align: center; }
.back { padding:0 20px !important; }
.back p { font-size: 14px !important; line-height: 22px; }
.front, .back { border-radius: 15px !important; }

.pie_half { padding-bottom:50px; }
.pie_half.left, .pie_half.right { width:100%; }
.pie_half .row { padding-top:25px; }
.pie_title { font-size: 25px; margin-top: -150px; width: 100%; left:0; }
.pie_box { padding: 0 22px; }
.pie_box .amount_big { font-size: 30px; }
.pie_box .amount_big .counter-unit { font-size: 25px; }
.pie_details { width:100%; }
.pie_details_left { width:auto; font-size:15px; }
.pie_details_right { width:auto; font-size:15px; }
.pie_link_left { width:100%; font-size: 15px; padding-bottom:30px; padding-top: 0; }
.pie_link_right { float: none; text-align: center; }
.pie_link a img { width:100px; margin: 0 10px 0 10px; }
.pie_link { padding-top:10px; text-align: center; }
.pie_link br { display: none; }

#greeting { padding-bottom: 0 !important; }

.ceo_title { color: #777; font-size: 17px; }
.ceo_profile { width:100%; }
.ceo_image { width:180px; }
.ceo_sign { display: block; margin: 0 auto; padding: 10px 20px 10px 20px; }
.ceo_greeting { width:100%; border:0; border-top:1px solid #f4a100; margin:0; padding:0; margin-top:30px; }
.ceo_greeting_title { font-size:20px; margin-top:10px !important; margin-bottom:15px !important; text-align: center; }
.ceo_greeting_content { font-size: 15px; padding: 15px; text-align: left; }
.ceo_greeting_content br { display: none; }
.ceo_greeting_content p { margin-bottom: 10px; }
.voice_deco_ceo { position: static; margin: 0 0 -50px -130px; width: 50px; left: 70px; }

.snslist { top: -170px; right: 30px; }
.snslist a { width: 30px; height: 30px; }
.snslist .sns_title { width: 25px; }

.beauty_list_header .list_logo { width: 100px; margin-top: 0; }
.beauty_list_header .container { padding-left: 5px; padding-right: 5px; }
.beauty_list_header .list-nav { margin-top: 0; display: block !important; }
.beauty_list_header h1 { font-size: 16px; }
.beauty_list_header { padding: 17px 20px 17px 20px !important; }
.beauty_list_header2 { padding-bottom: 22px !important; }
.beauty_list_header .inner-nav ul { font-size: 15px; }
.beauty_list_header .inner-nav ul li a { height: 30px !important; line-height: 30px !important; padding: 10px 5px; display: block; }
.beauty_list2 { padding: 0px 5px 30px 5px !important; }
.beauty_list2 h4 { padding-top: 145px; margin-bottom: 10px; text-align: left; font-size: 25px; }
.beauty_list2 table { padding: 10px 0; }
.beauty_list2 tr { width: auto; display: block; margin-right: 20px; }
.beauty_list { padding: 0px 5px 30px 5px !important; }
.beauty_list h4 { padding-top: 0px; margin-bottom: 20px; text-align: left; font-size: 20px; }
.beauty_list table { padding: 15px 0; margin-bottom: 5px; }
.beauty_list h4:first-child { padding-top: 90px; }
.beauty_list tr { width: 300px; width: auto; display: block; margin-right: 20px; }
.beauty_list td, .beauty_list2 td { text-align: left; font-size: 13px; }


}

@media (min-width: 0px) and (max-width: 320px) {
 
/*common*/
.desktop-nav { display: none; }
html, .main-nav { min-width: auto !important; }
.container { width: auto; padding-left: 20px; padding-right: 20px; text-align: center; }
.page-section { padding:90px 0 !important; }
.full-wrapper { margin: 0 16px 0 14px !important; }
.mobile-nav { position: fixed; right:0; border: 0; }
.main-nav { height: 45px !important; }
.small-height { height:45px !important; }
.nav-logo-wrap { width: 100%; margin: 0; }
.nav-logo-wrap a { margin-top:9px; }
.nav-logo-wrap .home_link { width:110px; }
.nav-logo-wrap .logo { margin-top:0; width: auto; font-size: 15px; height:45px; line-height: 45px; float: right; letter-spacing: -0.5px; }
.tp-bannertimer.tp-bottom { top:45px !important; }
.row { margin-left: 0; margin-right: 0; width: 100%; }
.mb-xs-30 { margin-bottom: 0 !important; }
.narrow { letter-spacing: -1.5px; }
a.logo { display:inline !important; }
.loader { width: 100px; height: 100px; margin: -50px 0 0 -50px; }


.right_space,
.left_space,
.bottom_space { display: none; }



.additional_box a { width: auto; }
.additional_box_half { width: 100%; margin-bottom: 30px; }
.additional_box_title { font-size: 15px; }
.additional_box_title.title_donors,
.additional_box_title.title_donors_list { font-size: 18px; }
.additional_box_image { width: 50px; }	
.additional_box_image.image_donors { width: 70px; font-size: 17px; }
.additional_box_image.image_donors_list { width: 50px; margin: 15px 0 15px 0px; font-size: 17px; }
.additional_box_title.title_donors span { font-size: 30px; }
#links .additional_box .additional_box_image { width: 140px; }


.bg_deco1 { width:50px; left: 40px; top: 70px; }
.bg_deco2 { width: 50px; top: 350px; right: 30px; }
.bg_deco4_1 { width: 300px; top: -150px; left: -176px; }
.bg_deco4_3 { width: 250px; right: -140px; top:-25px; }
.bg_deco6 { display: none; }

.amount_big { font-size: 30px; }
.amount_small { font-size: 25px; }
.amount_title_big { font-size: 18px; margin-bottom:5px; }
.amount_title_small { font-size: 16px; margin-bottom:5px; }
.amount_big .counter-unit { font-size: 20px; margin: 0 0 0 5px; }
.amount_small .counter-unit { font-size: 15px; margin: 0 0 0 5px; }
.count_image { width: 40px; }
.chart, .chart2 { width: 200px; height: 200px; }
.chart-section { height: 210px; }

.toggle > dt > a { padding: 20px 15px 20px 15px; }
.toggle_title { padding: 15px 20px 15px 20px; }
.toggle_title .toggle_right { display: none; }
.toggle_title .toggle_left { width:100%; }
.toggle > dt > a::after { right:25px; top: 30px; }
.toggle_left { float: left; width: 46px; }
.toggle_right { float: left; width:160px; margin-left: 12px;  }
.toggle_col1,
.toggle_col2,
.toggle_col3,
.toggle_col4 { font-size: 13px; line-height: 21px; width:100%; text-align: left; }
.toggle_col1 { padding-left: 0px; padding-top: 43px; text-align: center; }
.toggle_title div { font-size: 18px; text-align: center; }
.toggle table tr { display: block; float: left; padding: 15px 0 15px 0; }
.toggle table tr td { display: block; width: 100% !important; float:left; padding: 0 0 7px 0; font-size: 13px; line-height: 22px; text-align: left !important; color:#777; font-size: 13px; line-height:18px; }
.toggle > dd { padding: 20px; }
.toggle table tr td:nth-child(1) { font-size:13px; line-height: 23px; }
.toggle table tr td:nth-child(2) { font-size:13px; line-height: 22px; }
.toggle table tr td:nth-child(3),
.toggle table tr td:nth-child(4),
.toggle table tr td:nth-child(5) { padding-bottom: 0; font-size:13px; line-height: 23px; font-weight: 500; }
.toggle table tr.thead { padding: 0 0 10px 0; }
.toggle table tr.thead td:nth-child(1) { color: #f4a100; font-size: 15px; }
.toggle table tr.thead td:nth-child(2),
.toggle table tr.thead td:nth-child(3),
.toggle table tr.thead td:nth-child(4),
.toggle table tr.thead td:nth-child(5) { display: none; }
.toggle_label { display:inline; padding-right:3px; color: #333333; }
.td_hidden { display: none !important; }

.biz1 { width: 44px; left:22px; top:23px; }
.biz2 { width: 35px; left:20px; top:22px; }
.biz3 { width: 32px; left:25px; top:20px; }
.biz4 { width: 35px; left:21px; top:22px; }
.biz5 { width: 36px; left:22px; top:24px; }
.biz6 { width: 36px; left:23px; top:19px; }
.biz7 { width: 34px; left:24px; top:23px; }
.biz8 { width: 32px; left:23px; top:21px; }

.accordion-container .set > a { padding: 15px 50px 15px 20px; }
.accordion-container .set > a::after { right:23px; top: 25px; }
.accordion-container table tr { display: block; float: left; padding: 15px 0 15px 0; }
.accordion-container table tr td { display: block; width: 100% !important; float:left; padding: 0 0 7px 0; font-size: 14px; line-height: 20px; text-align: left !important; color:#777; font-size: 13px; line-height:18px; }
.accordion-container .content { padding: 20px; }
.accordion-container table tr td:nth-child(1) { font-size:14px; }
.accordion-container table tr td:nth-child(2) {  }
.accordion-container table tr td:nth-child(3),
.accordion-container table tr td:nth-child(4),
.accordion-container table tr td:nth-child(5) { padding-bottom: 0; }
.accordion-container table tr.thead { padding: 0 0 10px 0; }
.accordion-container table tr.thead td:nth-child(1) { color: #f4a100; font-size: 14px; }
.accordion-container table tr.thead td:nth-child(2),
.accordion-container table tr.thead td:nth-child(3),
.accordion-container table tr.thead td:nth-child(4),
.accordion-container table tr.thead td:nth-child(5) { display: none; }

.nav-tabs,
.tpl-tabs-cont { padding-left: 15px; padding-right: 15px; }
.tpl-alt-tabs li { width: 33.333% !important; }
.tpl-alt-tabs li a { border-radius: 12px 12px 0 0; font-size: 13px; line-height: 35px; padding:3px 0 0 0; }
.tpl-alt-tabs li.active a { padding-bottom: 10px; }
.tab-pane-desc { font-size: 12px; line-height: 18px; }
.team-item-detail h4 { font-size: 18px !important; }
.team-item-image h4 { font-size: 15px; }
.col50 { width:100% !important; }

.card { height: 180px !important; min-height: 180px !important; }
.card_title { font-size: 13px; letter-spacing: -1px !important; text-align: center; }
.back { padding:0 20px !important; }
.back p { font-size: 13px !important; line-height: 22px; }
.front, .back { border-radius: 12px !important; }

.pie_half { padding-bottom:50px; }
.pie_half.left, .pie_half.right { width:100%; }
.pie_half .row { padding-top:20px; }
.pie_title { font-size: 22px; margin-top: -122px; width: 100%; left:0; }
.pie_box { padding: 0 10px; }
.pie_box .amount_big { font-size: 27px; }
.pie_box .amount_big .counter-unit { font-size: 18px; }
.pie_details { width:100%; }
.pie_details_left { width:auto; font-size:13px; }
.pie_details_right { width:auto; font-size:13px; }
.pie_link_left { width:100%; font-size: 13px; padding-bottom:30px; padding-top: 0; }
.pie_link_right { float: none; text-align: center; }
.pie_link a img { width:100px; margin: 0 10px 0 10px; }
.pie_link { padding-top:10px; text-align: center; }
.pie_link br { display: none; }

#greeting { padding-bottom: 0 !important; }

.ceo_title { color: #777; font-size: 15px; }
.ceo_profile { width:100%; }
.ceo_image { width:180px; }
.ceo_sign { width: 160px; display: block; margin: 0 auto; padding: 10px 20px 10px 20px; }
.ceo_greeting { width:100%; border:0; border-top:1px solid #f4a100; margin:0; padding:0; margin-top:30px; }
.ceo_greeting_title { font-size:17px; margin-top:10px !important; margin-bottom:15px !important; text-align: center; }
.ceo_greeting_content { font-size: 13px; padding: 15px; text-align: left; }
.ceo_greeting_content br { display: none; }
.ceo_greeting_content p { margin-bottom: 10px; }
.voice_deco_ceo { position: static; margin: 0 0 -50px -130px; width: 50px; left: 70px; }

.snslist { top: -170px; right: 25px; }
.snslist a { width: 25px; height: 25px; }
.snslist .sns_title { width: 20px; }

.beauty_list_header .list_logo { width: 80px; margin-top: 0; }
.beauty_list_header .container { padding-left: 5px; padding-right: 5px; }
.beauty_list_header .list-nav { margin-top: 0; display: block !important; }
.beauty_list_header h1 { font-size: 14px; }
.beauty_list_header { padding: 17px 20px 17px 20px !important; }
.beauty_list_header2 { padding-bottom: 22px !important; }
.beauty_list_header .inner-nav ul { font-size: 15px; }
.beauty_list_header .inner-nav ul li a { height: 30px !important; line-height: 30px !important; padding: 10px 5px; display: block; }
.beauty_list2 { padding: 0px 5px 30px 5px !important; text-align: left; }
.beauty_list2 h4 { padding-top: 140px; margin-bottom: 10px; text-align: left; font-size: 25px; }
.beauty_list2 table { padding: 10px 0; }
.beauty_list2 tr { width: auto; display: block; margin-right: 20px; }
.beauty_list { padding: 0px 3px 30px 3px !important; text-align: left; }
.beauty_list h4 { padding-top: 0px; margin-bottom: 15px; text-align: left; font-size: 20px; }
.beauty_list table { padding: 15px 0; margin-bottom: 5px; }
.beauty_list h4:first-child { padding-top: 80px; }
.beauty_list tr { width: 260px; width: auto; display: block; margin-right: 20px; }
.beauty_list td, .beauty_list2 td { text-align: left; font-size: 13px; }

    
}