

/* 
    TABLE OF CONTENTS
    ========================================================================= */
/*      1. CSS RESET
        2. DOCUMENT STYLES
        3. TYPOGRAPHY 
        4. HEADER 
        5. PAGE TITLES 
        6. CUSTOM SECTION BACKGROUNDS
        7. ELEMENTS
            7.1. ACCORDION
            7.2. BLOCKQUOTE
            7.3. BUTTONS
            7.4. CALL TO ACTION
            7.5. CLIENT CAROUSEL
            7.6. CLIENT LIST
            7.7. COMPANY TIMELINE
            7.8. CUSTOM HEADING
            7.9. CUSTOM HEADING02 - CENTERED WITH SUBTITLE
            7.10. DRIVER APPLICATION
            7.11. EVENTS
            7.12. INTRO TITLE
            7.13. LATEST POSTS STYLE 01
            7.14. LATEST POSTS STYLE 02
            7.15. LATEST POSTS STYLE 03
            7.16. LIST WITH ICONS
            7.17. NUMBERS COUNTER
            7.18. PROMO BOXES
            7.19. SERVICES FEATURE BOX
            7.20. SERVICES GALLERY
            7.21. SERVICE ICON CENTER
            7.22. SERVICE ICON CENTER BOXED
            7.23. SERVICES ICON LEFT 
            7.24. SERVICES ICON LEFT BOXED
            7.25. SERVICE LIST - small icons and text
            7.26. SERVICES LIST BIG ICONS 
            7.27. SERVICES LIST BIG ICONS + DETAILS (text)
            7.28. SHIPPING QUOTE FORM
            7.29. SLIDER - MASTER SLIDER
            7.30. STATEMENT ELEMENT
            7.31. TABLE 
            7.32. TABS
            7.33. TEAM MEMBERS
            7.34. TEAM MEMBERS LIST
            7.35. TESTIMONIAL
            7.36. TRACKING FORM
            7.37. VEHICLE GALLERY FULL
        8. HOME MINIMAL CUSTOM STYLES
        9. BLOG
        10. LOCATIONS PAGE
        11. CONTACT
        12. WIDGETS
        13. FOOTER
*/

/* 
    1. CEE RESET 
----------------------------------------------------------------------------- */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*:focus {
    outline: 0;
    text-decoration: none;
}
a:focus,
a:active {
    text-decoration: none;
    outline: 0;
}

/* ==========================================================================
    2. DOCUMENT STYLES
    ========================================================================= */
body {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #545454;
    background-color: #fff;
}

.row{
    margin-bottom: 70px;
}

*[class^="row"] *[class^="row"]:last-child{
    margin-bottom: 0;
}



/* ==========================================================================
    3. TYPOGRAPHY 
    ========================================================================= */
p,
a,
span {
    color: #545454;
    font-family: 'Open Sans', Arial, sans-serif;
    line-height: 22px;
}
p {
    padding-bottom: 15px;
}
a {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
     color:#0066cc;
}
a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-weight: 800;
    margin-bottom: 25px;
    margin-top: 0;
    color: #333;
}

h1{
    font-size: 30px;
    line-height: 30px;
}

h2{
    font-size: 24px;
    line-height: 26px;
}

h3{
    font-size: 21px;
    line-height: 24px;
}

h4{
    font-size: 25px;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
    line-height: 35px; letter-spacing: 1px;
}

h5{
    font-size: 16px;
    line-height: 18px;
}

h6{
    font-size: 15px;
    line-height: 18px;
}

strong{
    font-weight: 600;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}
img.float-left {
    float: left;
    margin: 12px 12px 12px 0;
}
img.float-right {
    float: right;
    margin: 12px 0px 12px 12px;
}

.img-fixed-bottom{
    position: relative;
    bottom: -70px;
}

ul,
ol {
    list-style-position: inside;
}
ul li,
ol li {
    padding-bottom: 5px;
}

blockquote + p {
    margin-top: 15px;
}

.required{
    color: #ce292d;
}

.text-big{
    font-size: 18px;
    line-height: 25px;
    color: #333;
}

.align-right{
    text-align: right;
}

a.read-more{
    float: right;
    position: relative;
}

a.read-more span{
    text-transform: uppercase;
    font-weight: 700;  
    display: block;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

a.read-more:hover span{
    transform: translate(-15px, 0);
    -webkit-transform: translate(-15px, 0);
    -moz-transform: translate(-15px, 0);
    -ms-transform: translate(-15px, 0);
}

a.read-more i{
    font-size: 11px;
    line-height: 20px;
    opacity: 0;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

a.read-more:hover i{
    opacity: 1;   
}

a.download-link{
    width: 100%;
    display: block;
    margin-bottom: 5px;
}


a.download-link span {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

a.download-link span i{
    padding-right: 5px;
}

.mb-70{
    margin-bottom: 70px;
}

.mb-30{
    margin-bottom: 30px;
}

.mb-0{
    margin-bottom: 0;
}

.svg-white .st0{
    fill: #fff;
}



/* ==========================================================================
    4. HEADER 
    ========================================================================= */
.header-wrapper {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    z-index: 1000;
}

.header-wrapper.header-transparent {
    background-color: transparent;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.header-wrapper.header-transparent02{
    background-color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.header-wrapper.header-transparent.solid-color,
.header-wrapper.header-transparent02.solid-color{
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.header-wrapper.header-transparent.solid-color .header-style01 .main-nav{
    background: #fff;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#header{
    position: relative;
    z-index: 1000;
}

#searchaa {
    width: 172px;
    ;
    position: relative;
  
    margin-left: 0px;
    margin-right: 15px;
    float: right;
    z-index: 1005;
    background-color: transparent;
    padding-top: 15px;
}

/* 
    MAIN NAVIGATION 
*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background-color: transparent;
}

.main-nav .row{
    margin-bottom: 0;
}

.main-nav{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); /* IE10+ */

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    margin-top: 35px;

    -webkit-box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
}

.navbar{
    min-height: 80px;
    margin-bottom: 0;
}

.navbar-default{
    border: none;
    background: none;
}

#dl-menu{
    display: none;
}

.navbar-nav > li {
    padding-bottom: 0;
}

.navbar-nav>li>a{
    line-height: 48px;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a{
    color: #333;    
    border-bottom: 3px solid transparent;padding-left: 0px;padding-bottom: 10px;
    padding-right: 0px;
}

.nav>li>a{
    padding-left: 25px;
    padding-right: 25px;
}

.header-style01 .navbar-default .navbar-nav>li>a:hover{
    border-bottom: 3px solid;
}

.dropdown-menu{
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #eee;
    min-width: 190px;

    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.2);
}

.dropdown .dropdown-menu .dropdown-submenu > a{
    position: relative;
}

.dropdown .dropdown-menu .dropdown-submenu > a:after{
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #aaa;
    right: 0;
    top: 50%;
    margin-top: -3px;
}

.dropdown-menu>li{
    padding: 0px 20px;
}

.dropdown-menu>li>a{
    font-size: 13px;
    color: #333;
    padding: 15px 0px;
    border-bottom: 1px dotted #ddd;
}

.dropdown-menu>li:last-child a{
    border: none;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
    background: none;
}

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    left: 100%;
    top: -3px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown.dropdown-submenu > a {
    position: relative;
}





.navbar-header{
    padding-top: 15px;
    padding-left: 20px;
}








.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border: none;
}

.navbar-collapse{
    float: right;
    padding: 0;
}

.nav > li.current-menu-item > a{
    border-bottom: 3px solid;
}


/*  HEADER STYLE 01 - WITH TOPBAR
    ------------------------------------------------------------------------- */
.header-style01 #top-bar-wrapper .row{
    margin-bottom: 0;
}

.header-style01 #quick-links{
    padding-top: 8px;
}

.header-style01 #quick-links li{
    list-style: none;
    float: left;
    padding-right: 0px;
    padding-bottom: 0;
}

.header-style01 #quick-links li span,
.header-style01 #quick-links li a{
    color: #fff;
}

.header-style01 #top-bar-wrapper{
    padding: 20px 0 0;
    width: 100%;
}



/*  HEADER STYLE 02 - LIGHT TOPBAR
    ------------------------------------------------------------------------- */

.header-style02 #top-bar-wrapper .row{
    margin-bottom: 0;
}

.header-style02 #quick-links{
    padding-top: 8px;
}

.header-style02 #quick-links li{
    list-style: none;
    float: left;
    padding-right: 30px;
    padding-bottom: 0;
}

.header-style02 #top-bar-wrapper{
    background-color: #fcfcfc;
    padding: 10px 0;
    width: 100%;
}

.header-style02 .navbar-header{
    padding-left: 0;
}

.header-style02 #search{
    margin-right: 0;
}


.wpml-languages{
    display: block;
    float: right;
    position: relative;

}

.wpml-languages a.active{
    display: block;
    padding: 8px 6px 8px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
}

.wpml-languages a.active i{
    font-size: 9px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

.wpml-languages a.active img{
    width: 22px;
    float: left;
}

.wpml-languages a img{
    width: 22px;
}

.wpml-lang-dropdown{
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 102%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    overflow: hidden;
    border: 1px solid #ddd;
    width: 100%;
    display: none;
    z-index: 10001;
}

.wpml-lang-dropdown li{
    list-style: none;
    padding: 8px 15px;
}

.wpml-languages:hover ul.wpml-lang-dropdown{
    display: block;
}

.header-style02 .header-inner{
    padding: 20px 0;
}

.header-style02 .header-inner .main-nav{
    margin-top: 0;
    background: none;
}

.header-style02 .navbar-default .navbar-nav>li>a:hover, 
.header-style02 .nav > li.current-menu-item > a{
    border: none;
    border-bottom: none;
    border-color: transparent;
}

.header-style02 .navbar-default .navbar-nav>li>a{
    border-bottom: none;
}


/*  HEADER STYLE 02 - DARK TOPBAR
    ------------------------------------------------------------------------- */
.header-style02 #top-bar-wrapper.dark{
    background-color: #333333;
}

.header-style02 #top-bar-wrapper.dark #quick-links li span,
.header-style02 #top-bar-wrapper.dark #quick-links li a{
    color: #ccc;
}

#top-bar-wrapper.dark .wpml-languages a.active,
#top-bar-wrapper.dark .wpml-lang-dropdown{
    background-color: #444;
    border: 1px solid #555;
}

#top-bar-wrapper.dark .wpml-languages a.active i{
    color: #ccc;
}


/*  HEADER STYLE 02 - DARK HEADER
    ------------------------------------------------------------------------- */
.header-wrapper.dark #top-bar-wrapper{
    background-color: #222;
}

.header-wrapper.dark #quick-links li span,
.header-wrapper.dark #quick-links li a{
    color: #ccc;
}

.header-wrapper.dark .wpml-languages a.active,
.header-wrapper.dark .wpml-lang-dropdown{
    background-color: #333;
    border: 1px solid #444;
}

.header-wrapper.dark .wpml-languages a.active i{
    color: #ccc;
}

.header-wrapper.dark{
    background-color: #333;
}

.header-wrapper.dark .main-nav{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.header-wrapper.dark .navbar-default .navbar-nav>li>a{
    color: #fff;
}

.header-wrapper.dark .dropdown-menu{
    background-color: #333;
    border: 1px solid #444;
}

.header-wrapper.dark .dropdown-menu>li>a{
    color: #888;
    border-bottom: 1px dotted #444;
}

.header-wrapper.dark .dropdown-menu>li>a:hover{
    color: #fff;
}

.header-wrapper.dark .dropdown .dropdown-menu .dropdown-submenu > a:after{
    border-left: 5px solid #888;
}

.header-wrapper.dark .dropdown .dropdown-menu .dropdown-submenu > a:hover:after{
    border-left: 5px solid #fff;
}

.header-wrapper.dark #m_search{
    background: #333;
    border: 1px solid #444;
    color: #ccc;
}


/*  HEADER STYLE 03
    ------------------------------------------------------------------------- */
.header-style03 .info-container{
    float: right;
}

.header-style03 .info-container #quick-links,
.header-style03 .info-container .wpml-languages,
.header-style03 .info-container #search{
    float: left;
    padding: 0 10px;
}

.header-style03 .info-container #quick-links{
    padding-top: 10px;
}

.header-style03 #quick-links{
    padding-top: 8px;
}

.header-style03 #quick-links li{
    list-style: none;
    float: left;
    padding-right: 30px;
    padding-bottom: 0;
}

.header-style03 .wpml-lang-dropdown{
    width: auto;
    left: 10px;
}

.header-style03 #search{
    min-height: 60px;
}

.header-style03 .logo-info-container{
    padding: 20px 0;
}

.header-style03 .logo-info-container .row{
    margin-bottom: 0;
}

.header-style03 .main-nav{
    margin-top: 0;
    border-top: 1px solid #eee;
    background: none;
}

.header-style03 .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    float: left;
    width: 100%;
}

.header-style03 .navbar-nav>li>a{
    line-height: 30px;
}

.header-style03 .navbar{
    min-height: 30px;
}

.header-style03 .nav > li.current-menu-item > a{
    border-bottom: none;
}

.header-style03 .navbar a.btn{
    position: relative;
    top: 10px;
}

/*  HEADER STYLE 03 DARK
    ------------------------------------------------------------------------- */
.header-wrapper.dark .header-style03 .main-nav{
    border-top: 1px solid #444;
}




/* ==========================================================================
    5. PAGE TITLES 
    ========================================================================= */
.page-title-style01{
    padding-top: 70px;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

.page-title-negative-top{
    margin-top: 0 !important;
    padding-top: 270px;
        padding-bottom: 130px;
}

.page-title-style01 .row,
.page-title-style02 .row{
    margin-bottom: 0;
}

.page-title-style01 h1{
    color: #fff;
    text-align: center;font-size:56px;font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; letter-spacing: 1px;
}




@media (max-width: 780px) {
  .page-title-style01 h1{
    color: #fff;
    text-align: center;font-size:20px;font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; letter-spacing: 1px;
}
}
















.breadcrumb-container{
    width: 100%;
    float: left;
}

.page-title-style01 .breadcrumb{
    margin: 0 auto;
    display: table;
}

.breadcrumb li{
    list-style: none;
    float: left;
    padding: 0 0px 0 3px;
    color: #fff;
}

.breadcrumb li a{
    color: #fff;
}

.breadcrumb li + li::before {
    font-size: 10px;
    content: '/';
    color: #fff;
    padding: 0 8px;
}
.breadcrumb li:nth-child(2)::before {
    color: transparent;
}

.page-title-style02{
    padding: 70px 0;
    margin-bottom: 70px;
}

.page-title-style02 h1{
    color: #fff;
    margin-bottom: 0;
}

.page-title-style02 .breadcrumb-container{
    float: right;
    width: auto;
}



.pt-bkg01{
    background-image: url('../img/pics/page-title01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg02{
    background-image: url('../img/pics/page-title02.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg03{
    background-image: url('../a-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg04{
    background-image: url('../img/pics/page-title04.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg05{
    background-image: url('../img/pics/page-title05.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg06{
    background-image: url('../img/pics/page-title06.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg07{
    background-image: url('../img/pics/page-title07.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg08{
    background-image: url('../img/pics/page-title08.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg09{
    background-image: url('../img/pics/page-title09.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg10{
    background-image: url('../img/pics/page-title10.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg11{
    background-image: url('../img/pics/page-title11.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg12{
    background-image: url('../img/pics/page-title12.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg13{
    background-image: url('../img/pics/page-title13.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg14{
    background-image: url('../img/pics/page-title14.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg15{
    background-image: url('../img/pics/page-title15.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.pt-bkg16{
    background-image: url('../img/pics/page-title16.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}


/* ==========================================================================
    6. CUSTOM SECTION BACKGROUNDS
    ========================================================================= */
.page-content.custom-bkg{
    padding-top: 70px;
}

.page-content.column-img-bkg{
    padding: 0;
}

.page-content.column-img-bkg .row{
    margin-bottom: 0;
}

.custom-col-padding-both{
    padding: 120px 70px;
}

.custom-col-padding-bottom{
    padding-bottom: 120px;
}

.img-bkg01{
    background-image: url('../1.jpg');
}

.img-bkg02{
    background-image: url('../img/pics/img-bkg02.jpg');
}

.img-bkg03{
    background-image: url('../img/pics/img-bkg03.jpg');
}

*[class*="img-bkg"]{
    background-size: cover;
}

.custom-bkg.bkg-grey{
    background-color: #f6f6f6;
}

.custom-bkg.bkg-light-blue{
    background-color: #f4fcfc;
}

.custom-bkg.bkg-dark-blue{
    background-color: #2c3741;
}

.custom-bkg.bkg-dark-blue.transparent01{
    background-color: rgba(37, 39, 46, 0.7);
}

.custom-bkg.bkg-dark-blue.transparent02{
    background-color: rgba(37, 39, 46, 0.8);
}

.custom-bkg.bkg-dark-blue.transparent03{
    background-color: rgba(37, 39, 46, 0.9);
}

.page-title-style01 + .page-content.custom-bkg,
.page-title-style02 + .page-content.custom-bkg{
    margin-top: -70px;
}

.page-content.parallax{
    padding-top: 100px;
    padding-bottom: 30px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax01{
    background-image: url('../11.jpg');
}

.parallax02{
    background-image: url('../img/pics/parallax02.jpg');
}

.parallax03{
    background-image: url('../img/pics/parallax03.jpg');
}

.parallax04{
    background-image: url('../img/pics/parallax04.jpg');
}

.parallax05{
    background-image: url('../img/pics/parallax05.jpg');
}

.page-content.dark h1,
.page-content.dark h2,
.page-content.dark h3,
.page-content.dark h4,
.page-content.dark h5,
.page-content.dark h6{
    color: #fff;
}


.page-content.dark p,
.page-content.dark span,
.page-content.dark li,
.page-content.dark a{
    color: #eee;
}

*[class^="col-"].custom-bkg{
    padding: 30px;
}

*[class^="col-"].custom-bkg.dark h1,
*[class^="col-"].custom-bkg.dark h2,
*[class^="col-"].custom-bkg.dark h3,
*[class^="col-"].custom-bkg.dark h4,
*[class^="col-"].custom-bkg.dark h5,
*[class^="col-"].custom-bkg.dark h6{
    color: #fff;
}

*[class^="col-"].custom-bkg.dark p,
*[class^="col-"].custom-bkg.dark a,
*[class^="col-"].custom-bkg.dark span,
*[class^="col-"].custom-bkg.dark li,
*[class^="col-"].custom-bkg.dark label{
    color: #eee;
}


/* ==========================================================================
    7. ELEMENTS
    ========================================================================= */

/*  7.1. ACCORDION
    ------------------------------------------------------------------------- */
.accordion .title {
    width: 100%;
    background-color: #f6f6f6;
    margin-bottom: 10px;
    position: relative;
    padding: 10px 15px;
    float: left;
}

.accordion .title a{
    font-size: 15px;
    color: #333;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    position: relative;
    width: 100%;
    padding-left: 20px;
    display: block;
    float: left;
}

.accordion .title::before{
    content: "\f067";
    font-family: 'FontAwesome';
    font-size: 15px;
    position: absolute;
    display: block;  
}

.accordion .title.active::before{
    content: "\f068";
    font-family: 'FontAwesome';
    font-size: 15px;
    position: absolute;
    display: block;
}

.accordion .title a::after{
    display: none;
}

.accordion.careers .title{
    padding: 15px 62px 15px 20px;    
}

.accordion.careers .title a{
    padding-left: 0;
}

.accordion.careers .title::before{
    display: none;
}

.accordion.careers .title a span{
    color: #333;
    font-weight: 600;
    width: 30%;
    display: block;
    float: left;
    font-size: 13px;
}

.accordion .job-position,
.accordion .job-end-date{
    text-transform: uppercase;
}

.accordion.careers .title::after{
    position: absolute;
    content: "";
    display: block;
    width: 52px;
    height: 100%;
    background-color: #e6e6e6;
    background-image: url('../img/accordion-closed.png');
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: 0;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.accordion.careers .title.active::after{
    background-image: url('../img/accordion-opened.png');
    background-repeat: no-repeat;
    background-position: center;
}

.accordion.careers .title:hover::after{
    background-image: url('../img/accordion-opened.png');
    background-repeat: no-repeat;
    background-position: center;    
}

.accordion .content {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-top: 20px;
}



/*
    7.2. BLOCKQUOTE
    ------------------------------------------------------------------------- */
blockquote{
    margin-left: 30px;
    border-left: 3px solid;
    padding: 15px 20px;
    font-size: 18px;
    line-height: 25px;
    font-style: italic;
    color: #333;
}


/*  7.3. BUTTONS
    ------------------------------------------------------------------------- */
.btn {
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    display: inline-block;
    backface-visibility: hidden;
    float: right;

    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

.btn span {
    color: #fff;
}

.dark .btn span{
    color: #fff;
}

.btn-big {
    padding: 12px 60px;
    font-size: 18px;
}

.btn-medium {
    padding: 10px 40px;
    font-size: 12px;
}

.btn-small {
    padding: 4px 20px;
    font-size: 11px;
}

.btn-yellow{
    background-color: #fac312 !important;
}

.btn-centered{
    float: none;
    display: table;
    margin: 0 auto;
}

.btn-yellow:hover{
    background-color: #fcc820 !important;
}


/*  7.4. CALL TO ACTION
    ------------------------------------------------------------------------- */
.call-to-action .text{
    width: 70%;
    float: left;
}

.call-to-action .btn{
    float: right;
    position: relative;
    top: 30px;
}



/*
    7.5. CLIENT CAROUSEL
    ------------------------------------------------------------------------- */
#client-carousel .owl-item img{
    opacity: 0.7;

    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
}

#client-carousel .owl-item:hover img{
    opacity: 1;
}


/*  7.6. CLIENT LIST
    ------------------------------------------------------------------------- */
.clients-li{
    width: 100%;
}

.clients-li li{
    list-style: none;
    float: left;
    width: 33.33333333%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #eee;
}

.clients-li li:first-child{
    padding-left: 0;
}

.clients-li:nth-child(3n){
    padding-right: 0;
}

.clients-li li img{
    opacity: 0.7;

    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;

    display: block;
    margin: 0 auto;
    vertical-align: middle;
}

.clients-li li:hover img{
    opacity: 1;
}

.col-md-6 .clients-li li{
    max-height: 92px;
}


/*  7.7. COMPANY TIMELINE
    ------------------------------------------------------------------------- */
.company-timeline{
    width: 100%;
}

.company-timeline li{
    list-style: none;
    float: left;
    width: 100%;
    position: relative;
}

.company-timeline li .timeline-item-details::before{
    position: absolute;
    content: "";
    display: block;
    left: 35px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ddd;
    z-index: 1;
}

.company-timeline .icon-date-container{
    width: 70px;
    height: 70px;
    float: left;
    border: 2px solid #ddd;
    background-color: #fff;
    z-index: 2;
    position: relative;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.company-timeline .icon-date-container i{
    width: 70px;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 24px;
}

.company-timeline .timeline-item-details{
    padding-left: 100px;
    position: relative;
    padding-bottom: 30px;
}

.company-timeline li:last-child .timeline-item-details{
    padding-bottom: 0;
}


/*
    7.8. CUSTOM HEADING
    ------------------------------------------------------------------------- */
.row .custom-heading:only-child{
    margin-bottom: -70px;
}

.custom-heading{
    position: relative;
    width: 100%;
    display: block;
    padding-top: 12px;
    text-transform: uppercase;
}

.custom-heading::after{
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    left: 0;
    top: 0;
}

.custom-heading.centered{
    text-align: center;
}

.custom-heading.centered:after{
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    left: 50%;
    margin-left: -20px;
    top: 0;
}

/*
    7.9. CUSTOM HEADING02 - CENTERED WITH SUBTITLE
    ------------------------------------------------------------------------- */
.col-md-12 .custom-heading02:only-child{
    margin-bottom: 0;
}

.row .custom-heading02:only-child{
    margin-bottom: -30px;
}

.custom-heading02{
    position: relative;
    margin-bottom: 40px;
}

.custom-heading02 h1,
.custom-heading02 h2,
.custom-heading02 h3,
.custom-heading02 h4{
    font-size: 30px;
    line-height: 10px;
    margin-bottom: 5px;
    text-transform: none;
    text-align: center;
    margin-bottom: 0;font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; 
}

.custom-heading02 p{
    text-transform: uppercase;
    text-align: center;
}

.custom-heading02:after{
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 3px;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
}

.custom-heading02.simple h1,
.custom-heading02.simple h2,
.custom-heading02.simple h3,
.custom-heading02.simple h4{
    padding-bottom: 65px;
}


/*  7.10. DRIVER APPLICATION
    ------------------------------------------------------------------------- */
.driver-app-form fieldset{
    width: 33.33333333%;
    padding-right: 15px;
    float: left;
}

.driver-app-form fieldset:nth-child(3n){
    padding-right: 0;
}

.driver-app-form .wpcf7-select{
    max-height: 34px;
}

/*
    7.11. EVENTS
    ------------------------------------------------------------------------- */
.table-responsive{
    overflow-y: hidden;
}

.events-table thead{
    border-bottom: 1px solid #e6e6e6;
}

.events-table thead th{
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: left;
    padding-left: 15px;
    padding-bottom: 10px;
}

.events-table thead th:first-child{
    padding-left: 0;
}

.events-table tbody td{
    padding: 0 15px;
    vertical-align: middle;
}

.events-table .event-date{
    padding: 20px 0;
}

.events-table .event-date .day{
    background-color: #fcfcfc;
    font-size: 36px;
    line-height: 36px;
    color: #333;
    font-weight: 800;
    text-align: center;
    padding: 20px 30px;
}

.events-table .event-date .month{
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-align: center;
}


/*  7.12. INTRO TITLE
    ------------------------------------------------------------------------- */
.intro-title{
    width: 100%;
}

.intro-title p{
    font-size: 24px;
    line-height: 30px;
    color: #333;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    text-align: center;
}



/*  7.13. LATEST POSTS STYLE 01
    ------------------------------------------------------------------------- */
.pi-latest-posts li{
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.pi-latest-posts li:last-child{
    margin-bottom: 0;
}

.pi-latest-posts li .post-media{
    width: 100px;
    height: 100px;
    float: left;
    margin-bottom: 0;
}

.pi-latest-posts li .post-details{
    padding-left: 120px;
}

.pi-latest-posts li .post-details h4{
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    margin-bottom: 10px;
}

.pi-latest-posts .post-date p{
    color: #565f66;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.pi-latest-posts .post-date i{
    padding-right: 3px;
}


/*  7.14. LATEST POSTS STYLE 02
    ------------------------------------------------------------------------- */
.pi-latest-posts02 li{
    width: 30%;
    float: left;
    margin-right: 30px;
    list-style: none;
}

.col-md-8 .pi-latest-posts02 li,
.col-md-9 .pi-latest-posts02 li{
    width: 46%;
}


.col-md-6 .pi-latest-posts02 li,
.col-md-4 .pi-latest-posts02 li,
.col-md-3 .pi-latest-posts02 li{
    width: 100%;
    margin-bottom: 20px;
}

.pi-latest-posts02 li:nth-child(3n){
    padding-right: 0;
}

.pi-latest-posts02 .post-date,
.pi-latest-posts02 .post-date{
    width: 100px;
    float: left;
}

.pi-latest-posts02 .post-date .day{
    background-color: #fcfcfc;
    font-size: 36px;
    line-height: 36px;
    color: #333;
    font-weight: 800;
    text-align: center;
    padding: 20px 30px;
}

.pi-latest-posts02 .post-date .month{
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.pi-latest-posts02 .post-details{
    padding-left: 120px;
}

.pi-latest-posts02 li .post-details h4{
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    margin-bottom: 10px;
}

.pi-latest-posts02 .post-category p{
    color: #565f66;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.pi-latest-posts02 .post-category i{
    padding-right: 3px;
}



/*  7.15. LATEST POSTS STYLE 03
    ------------------------------------------------------------------------- */
.pi-latest-posts03 li{
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.pi-latest-posts03 li:last-child{
    margin-bottom: 0;
}

.pi-latest-posts03 li .post-media{
    width: 60px;
    height: 60px;
    float: left;
    margin-bottom: 0;
}

.pi-latest-posts03 li .post-media i{
    font-size: 36px;
}

.pi-latest-posts03 li .post-details{
    padding-left: 70px;
}

.pi-latest-posts03 li .post-details h4{
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    margin-bottom: 10px;
}

.pi-latest-posts03 .post-date p{
    color: #565f66;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.col-md-8 .pi-latest-posts03 li,
.col-md-9 .pi-latest-posts03 li{
    margin-right: 30px;
    width: 48%;
}

.col-md-8 .pi-latest-posts03 li:nth-child(2n),
.col-md-9 .pi-latest-posts03 li:nth-child(2n){
    margin-right: 0;
}

.col-md-6 .pi-latest-posts03 li,
.col-md-4 .pi-latest-posts03 li,
.col-md-3 .pi-latest-posts03 li{
    width: 100%;
    margin-bottom: 20px;
}




/*   7.16. LIST WITH ICONS
    ------------------------------------------------------------------------- */
.fa-ul li i{
    line-height: 20px;
}

.fa-ul.large-icons{
    margin-left: 0;
}

.fa-ul.large-icons li{
    margin-bottom: 20px;
}

.fa-ul.large-icons li:last-child{
    margin-bottom: 0;
}

.fa-ul.large-icons li i{
    font-size: 24px;
    width: 30px;
    height: 30px;
}

.fa-ul.large-icons .icon-container{
    float: left;
    width: 30px;
    height: 30px;
}

.fa-ul.large-icons .li-content{
    padding-left: 40px;
}

.fa-ul.large-icons .li-content h4{
    padding-top: 3px;
}



/*  7.17. NUMBERS COUNTER
    ------------------------------------------------------------------------- */
.numbers-counter{
    padding: 20px;
    background-color: #fcfcfc;
}

.numbers-counter .counter-container{
    width: 100%;
    position: relative;
}

.numbers-counter .counter-container::after{
    position: absolute;
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    bottom: 0;
    left: 50%;
    margin-left: -15px;
}

.numbers-counter .number{
    font-size: 40px;
    line-height: 40px;
    font-weight: 800;
    text-align: center;
    color: #333;
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

.numbers-counter p{
    text-align: center;
}




/*  7.18. PROMO BOXES
    ------------------------------------------------------------------------- */
.promo-box{
    padding: 90px 20px;
}

.promo-box02{
    padding: 30px 30px 90px 30px;
}

.promo-box02 p{
    text-align: center;
}

.promo-box h4,
.promo-box p{
    text-align: center;
}

.promo-box .btn{
    float: none;
    margin: 0 auto;
    display: table;
}

.promo-bkg01{
    background-image: url('../img/pics/promo01.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.promo-bkg02{
    background-image: url('../img/pics/promo02.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}


/*
    7.19. SERVICES FEATURE BOX
    ------------------------------------------------------------------------- */
.services-negative-top{
    margin-top: -316px;
}

.custom-bkg .service-feature-box,
.parallax .service-feature-box{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
}

.service-feature-box{
    box-shadow: 1px 0px 3px 0 #ddd;
    -webkit-box-shadow: 1px 0px 3px 0 #ddd;
    -moz-box-shadow: 1px 0px 3px 0 #ddd;
    border: 1px solid #eee;
}

.service-feature-box .service-media{
    position: relative;
    overflow: hidden;
}

.service-feature-box .service-media img{
    width: 100%;
    transition: all 2s ease-in-out 0s;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;

    opacity: 1;
}

.service-feature-box .service-media:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);

    opacity: 0.7
}

.service-feature-box .service-media a{
    background-color: #1b2936;
    position: absolute;
    bottom: 0;
    right: 0;
    text-transform: uppercase;
}

.service-feature-box .service-media span{
    color: #fff;    font-size: 14px;
       
    padding-left: 20px;
      font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
}














.service-feature-box .service-media i{
    background-color: #2f3840;
    padding: 5px 7px;
    font-size: 10px;
    line-height: 22px;
    margin-left: 20px;

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}













.service-feature-box .service-body{
    background-color: #fff;
    padding: 20px;
}


/*
    7.20. SERVICES GALLERY
    ------------------------------------------------------------------------- */
.services-gallery .col-md-3{
    padding: 0;
    list-style: none;
}

.service-item-container{
    position: relative;
    overflow: hidden;
}

.service-item-container .service-item{
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}

.service-item-container .service-item img{
    width: 100%;
    transition: all 2s ease-in-out 0s;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;
}

.service-item-container .hover-mask-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(49, 57, 63, 0.5);

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.service-item-container .service-item:hover .hover-mask-container{
    opacity: 1;
}

.service-item-container figcaption{
    position: absolute;
    width: 100%;
    top: 40px;
}

.service-item-container figcaption h1,
.service-item-container figcaption h2,
.service-item-container figcaption h3,
.service-item-container figcaption h4,
.service-item-container figcaption h5{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.service-item-container figcaption h1:after,
.service-item-container figcaption h2:after,
.service-item-container figcaption h3:after,
.service-item-container figcaption h4:after,
.service-item-container figcaption h5:after{
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 3px;  
    left: 50%;
    bottom: 0;
    margin-left: -20px;
}

.hover-mask-container .hover-details{
    position: absolute;
    bottom: 40px;
    left: 50%;

    transform: translate(0, 100px);
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.hover-mask-container .hover-details span{
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding: 10px 30px;
    border: 3px solid;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.service-item-container .service-item:hover .hover-details{
    transform: translate(0,0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

.service-item-container .service-item:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

/*
    7.21. SERVICE ICON CENTER
    ------------------------------------------------------------------------- */
.service-icon-center .icon-container{
    width: 100px;
    height: 100px;
    display: table;
    margin: 0 auto 20px;
    background-color: #fcfcfc;
    border: 2px solid #ddd;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.service-icon-center .icon-container i{
    font-size: 36px;
    color: #333;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100px;
    height: 100px;
}

.service-icon-center .icon-container img{
    width: 60px;
    height: 60px;
    position: relative;
    left: 50%;
    margin-top: 15px;
    margin-left: -30px;
}

.service-icon-center h1,
.service-icon-center h2,
.service-icon-center h3,
.service-icon-center h4{ 
font-family: "ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    font-size: 22px;  text-align: center;
}
.service-icon-center h5{
    text-align: center;
    margin-bottom: 15px;
}

.service-icon-center p{
    text-align: center;
}


/*  7.22. SERVICE ICON CENTER BOXED
    ------------------------------------------------------------------------- */
.service-icon-center-boxed{
    width: 100%;
    background-color: #fcfcfc;
    padding: 30px 20px;
}

.service-icon-center-boxed .service-title{
    display: table;
    margin: 0 auto 10px;
}

.service-icon-center-boxed .service-title .icon-container{
    width: 60px;
    height: 60px;
    float: left;
}

.service-icon-center-boxed .service-title h4{
    padding-left: 70px;
    padding-top: 20px;
}

.service-icon-center-boxed p{
    text-align: center;
    padding-bottom: 0;
}

.service-icon-center-boxed .icon-container i{
    width: 60px;
    height: 60px;
    font-size: 46px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


/*
    7.23. SERVICES ICON LEFT 
    ------------------------------------------------------------------------- */
.service-icon-left{
    width: 100%;
}

.service-icon-left .icon-container{
    float: left;
    width: 100px;
    height: 100px;
    background-color: #fff;

    border: 2px solid #ddd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.service-icon-left .icon-container img,
.service-icon-left .icon-container svg{
    width: 60px;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    height: 60px;
    position: relative;
    top: 20px;
}

.service-icon-left .service-details{
    padding-left: 120px;
}

.service-icon-left .service-details h1,
.service-icon-left .service-details h2,
.service-icon-left .service-details h3,
.service-icon-left .service-details h4{
    margin-bottom: 15px;
}

.service-icon-left .icon-container i{
    font-size: 60px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    width: 100px;
}

/*
    7.24. SERVICES ICON LEFT BOXED
    ------------------------------------------------------------------------- */
.service-icon-left-boxed{
    background-color: #fcfcfc;
    padding: 30px 40px;
}

.service-icon-left-boxed .icon-container{
    float: left;
    width: 100px;
}

.service-icon-left-boxed .service-details{
    padding-left: 120px;
}

.service-icon-left-boxed .service-details h1,
.service-icon-left-boxed .service-details h2,
.service-icon-left-boxed .service-details h3,
.service-icon-left-boxed .service-details h4{
    margin-bottom: 15px;
}

.service-icon-left-boxed .service-details p{
    padding-bottom: 0;
}

.col-md-3 .service-icon-left-boxed .icon-container{
    float: none;
    margin: 0 auto 20px;
}

.col-md-3 .service-icon-left-boxed .service-details{
    padding-left: 0;
}


.col-md-3 .service-icon-left-boxed .service-details h1,
.col-md-3 .service-icon-left-boxed .service-details h2,
.col-md-3 .service-icon-left-boxed .service-details h3,
.col-md-3 .service-icon-left-boxed .service-details h4,
.col-md-3 .service-icon-left-boxed .service-details p{
    text-align: center;
}

.service-icon-left-boxed i{
    font-size: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100px;
}


/*  7.25. SERVICE LIST - small icons and text
    ------------------------------------------------------------------------- */
.service-list li{
    list-style: none;
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

.service-list li:last-child{
    padding-bottom: 0;
}

.service-list li .icon-container{
    width: 70px;
    height: 70px;
    float: left;
}

.service-list li p{
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-size: 18px;
    padding-top: 20px;
    padding-left: 95px;
}

.service-list li i{
    font-size: 46px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 70px;
}


/*  7.26. SERVICES LIST BIG ICONS 
    ------------------------------------------------------------------------- */
.col-md-9 .service-list-big-icons li{
    width: 33.3%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.col-md-9 .service-list-big-icons li:nth-child(3n){
    padding-right: 0;
}

.col-md-9 .service-list-big-icons li:first-child{
    padding-left: 0;
}

.service-list-big-icons{
    width: 100%;
}

.service-list-big-icons li{
    list-style: none;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.service-list-big-icons li .icon-container{
    background-color: #fff;
    width: 80px;
    height: 80px;
    float: left;
    border: 2px solid #ddd;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


.service-list-big-icons .icon-container svg,
.service-list-big-icons .icon-container img{
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 100%;
}

.service-list-big-icons li h4{
    font-weight: normal;
    padding-left: 100px;
    padding-top: 30px;
}

.service-list-big-icons .icon-container i{
    font-size: 36px;
    width: 80px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


/*  7.27. SERVICES LIST BIG ICONS + DETAILS (text)
    ------------------------------------------------------------------------- */
.service-list-big-icons-details li{
    margin-bottom: 20px;
}

.col-md-9 .service-list-big-icons-details li{
    width: 33.3%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

.col-md-9 .service-list-big-icons-details li:nth-child(3n){
    padding-right: 0;
}

.col-md-9 .service-list-big-icons-details li:first-child{
    padding-left: 0;
}

.service-list-big-icons-details{
    width: 100%;
}

.service-list-big-icons-details li{
    list-style: none;
    float: left;
}

.service-list-big-icons-details li .icon-container{
    background-color: #fff;
    width: 100px;
    height: 100px;
    float: left;
    border: 2px solid #ddd;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.service-list-big-icons-details li .icon-container svg,
.service-list-big-icons-details li .icon-container img{
    width: 60px;
    height: 100%;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
}

.service-list-big-icons-details li .service-details{
    padding-left: 125px;
    padding-top: 10px;
}

.service-list-big-icons-details li .service-details h4{
    margin-bottom: 15px;
}

.service-list-big-icons-details .icon-container i{
    width: 100px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 50px;
}


/*
    7.28. SHIPPING QUOTE FORM
    ------------------------------------------------------------------------- */
.wpcf7.shipping-quote{
    padding: 20px;
    background-color: #fcfcfc;
}

.wpcf7.shipping-quote label{
    width: 50%;
    float: left;
    padding-top: 8px;
}

.wpcf7.shipping-quote fieldset{
    width: 100%;
    margin-bottom: 5px;
}

.wpcf7.shipping-quote input.wpcf7-text{
    width: 50%;
    float: left;
    padding: 5px 15px;
}

.wpcf7.shipping-quote .submit{
    padding: 8px 30px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
    border: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    float: right;
    color: #fff;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}




/*   7.29. SLIDER - MASTER SLIDER
    ------------------------------------------------------------------------- */
.header-style01 + .master-slider{
    margin-top: -185px !important;
}

.master-slider .pi-caption01{
    color: #fff;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
    font-size: 45px;
    font-weight: 600;
    text-transform: uppercase;
    
}

.master-slider .pi-text{
   font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
    font-size: 20px;
    color: #fff;
}

.master-slider{
    margin-bottom: 70px !important;
}

.master-slider.mb-0{
    margin-bottom: 0 !important;
}

.master-slider.mb-30{
    margin-bottom: 30px !important;
}

.master-slider .pi-caption02{
    font-size: 21px;
    font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}

.master-slider .pi-button{
    padding: 12px 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;

    border: 2px solid;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.master-slider .pi-caption-dark{
    color: #03253c;
}

.master-slider .ms-view{
    background: transparent;
}

.master-slider .tooltip h1,
.master-slider .tooltip h2,
.master-slider .tooltip h3,
.master-slider .tooltip h4,
.master-slider .tooltip h5,
.master-slider .tooltip h6{
    color: #333;
    text-transform: uppercase;
    margin-bottom: 5px;
    position: relative;
    padding-bottom: 10px;
}

.master-slider .tooltip h6::after{
    position: absolute;
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    bottom: 0;
    left: 0;
}

.master-slider .tooltip p,
.master-slider .tooltip span{
    color: #333;
}

.master-slider .tooltip img{
    float: left;
}

.master-slider .tooltip-text{
    padding-left: 85px;
}

.ms-skin-default .ms-tooltip{
    max-width: 300px;
}



/*   7.30. STATEMENT ELEMENT
    ------------------------------------------------------------------------- */
.statement p{
    padding: 0 50px;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}


/*
    7.31. TABLE 
    ------------------------------------------------------------------------- */
.table{
    width: 100%;
}

.table caption{
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
    color: #333;
    text-transform: uppercase;
}

.table thead{
    background-color: #f6f6f6;
}

.table thead tr th{ 
    padding: 10px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
}

.table thead tr th:first-child{
    text-align: left;
}

.table tbody{
    background-color: #fcfcfc;
}

.table tbody tr td{
    padding: 10px;
    text-align: center;
}

.table tbody tr td:first-child{
    text-align: left;
    color: #333;
    font-weight: 700;
}



/*  7.32. TABS
    ------------------------------------------------------------------------- */
.tabs{
    overflow: hidden;
}

.tabs li{
    list-style: none;
    float: left;
    background-color: #fcfcfc;
    overflow: hidden;
    position: relative;
    padding: 0;
    line-height: 55px;
    list-style: none;
    top: 3px;
    cursor: pointer;
    margin-right: 2px;
}

.tabs li a{
    color: #333;
    padding: 0 30px;
    font-size: 15px;
    font-weight: 800;
    line-height: 55px;
    text-transform: uppercase;
    display: block;
}

.tab-content-wrap{
    width: 100%;
    overflow: hidden;
    float: left;
    padding-top: 30px;
}

.tabs li.active a{
    color: #fff;
}


/*
    7.33. TEAM MEMBERS
    ------------------------------------------------------------------------- */
.team-member img{
    margin-bottom: 20px;
}

.team-details{
    position: relative;
}

.team-details:after{
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    bottom: 0;
    left: 0;
}

.team-details h1,
.team-details h2,
.team-details h3,
.team-details h4,
.team-details h5{
    margin-bottom: 0;
    text-transform: uppercase;
}

.team-details .position{
    font-style: italic;
}

/*
    7.34. TEAM MEMBERS LIST
    ------------------------------------------------------------------------- */
.team-list li{
    list-style: none;
    width: 100%;
    margin-bottom: 30px;
    float: left;
}

.team-list li:last-child{
    margin-bottom: 0;
}

.team-list li img{
    float: left;
}

.team-list li .team-details-container{
    padding-left: 293px;
}

.team-list li .team-details{
    margin-bottom: 20px;
}

.col-md-3 .team-list li img,
.col-md-4 .team-list li img{
    float: none;
    display: table;
    margin: 0 auto 20px;
    width: 100%;
}

.col-md-3 .team-list li .team-details-container,
.col-md-4 .team-list li .team-details-container{
    padding-left: 0;
}


/*
    7.35. TESTIMONIAL
    ------------------------------------------------------------------------- */
.testimonial{
    background-color: #fcfcfc;
    padding: 30px;
}

.testimonial p{
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    text-align: center;
}

.testimonial-author p{
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    color: #333;
}




/*   7.36. TRACKING FORM
    ------------------------------------------------------------------------- */
.tracking{
    width: 100%;
    position: relative;
}

.tracking .package-id{
    padding: 5px 60px 5px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 40px;
    border: 1px solid #ddd;
    background-color: #fff;
    min-width: 100%;
}

.tracking .submit{
    width: 40px;
    height: 40px;
    background-image: url('../img/tracking-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top:0;
    right: 0;
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}


/*  7.37. VEHICLE GALLERY FULL
    ------------------------------------------------------------------------- */
.vehicle-gallery .col-md-3{
    padding: 0;
    list-style: none;
}

.gallery-item-container{
    position: relative;
    overflow: hidden;
}

.gallery-item-container .gallery-item{
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}

.gallery-item-container .gallery-item img{
    width: 100%;
    height: auto;
    transition: all 2s ease-in-out 0s;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}

.gallery-item-container .hover-mask-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(49, 57, 63, 0.5);

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

.gallery-item-container .gallery-item:hover .hover-mask-container{
    opacity: 1;
}

.gallery-item-container figcaption{
    position: absolute;
    width: 100%;
    top: 40px;
}

.gallery-item-container figcaption h1,
.gallery-item-container figcaption h2,
.gallery-item-container figcaption h3,
.gallery-item-container figcaption h4,
.gallery-item-container figcaption h5{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.gallery-item-container figcaption h1:after,
.gallery-item-container figcaption h2:after,
.gallery-item-container figcaption h3:after,
.gallery-item-container figcaption h4:after,
.gallery-item-container figcaption h5:after{
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 3px;  
    left: 50%;
    bottom: 0;
    margin-left: -20px;
}

.hover-mask-container .hover-zoom{
    position: absolute;
    bottom: 50%;
    left: 50%;

    width: 50px;
    height: 50px;

    margin-bottom: -25px;
    margin-left: -25px;

    transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);

    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;

    border: 2px solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


.hover-mask-container .hover-zoom a{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 18px;

    width: 50px;
    height: 50px;
}

.gallery-item-container .gallery-item:hover .hover-zoom{
    transform: translate(0,0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

.gallery-item-container .gallery-item:hover img{
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

/*  VEHICLE GALLERY GRID
    ------------------------------------------------------------------------- */
.vehicle-gallery .col-md-4{
    padding: 0;
    list-style: none;
}

.col-md-4 .gallery-item-container figcaption{
    top: 20px;
}


/* ==========================================================================
    8. HOME MINIMAL CUSTOM STYLES
    ========================================================================= */
.page-content.fixed.centered .container{
    position: absolute;
    top: 50%;
    left: 50%;
}

.page-content.fixed.centered .container .row{
    max-width: 100%;
}

.page-content.fixed.bottom .row{
    margin-bottom: 0;
    max-width: 100%;
}

.page-content.fixed.bottom .container{
    position: absolute;
    bottom: 0;
    left: 50%;
}

/* ==========================================================================
    9. BLOG
    ========================================================================= */


.blog-posts li{
    list-style: none;
}

.blog-posts .pagination{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.blog-posts .pagination ul{
    float: right;
}

.blog-posts .pagination li{
    float: left;
    background-color: #f5f9fc;
    border: 1px solid #ddd;
    list-style: none;
    margin-right: 5px;
    width: 30px;
    height: 30px;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.blog-posts .pagination li a{
    display: table-cell;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
}

.blog-posts .pagination li.active a,
.blog-posts .pagination li:hover a{
    color: #fff;
}

.blog-post .post-body h3{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/*
    BLOG LIST
    ------------------------------------------------------------------------- */
.blog-posts.post-list .blog-post{
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px dotted #ddd;
}

.post-list .blog-post .post-date,
.post-single .blog-post .post-date{
    width: 100px;
    float: left;
}

.post-list .blog-post .post-date .day,
.post-single .blog-post .post-date .day{
    background-color: #fcfcfc;
    font-size: 36px;
    line-height: 36px;
    color: #333;
    font-weight: 800;
    text-align: center;
    padding: 20px 30px;
}

.post-list .blog-post .post-date .month,
.post-single .blog-post .post-date .month{
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.post-list .blog-post .post-body, 
.post-single .blog-post .post-body{
    padding-left: 130px;
}

.post-list .blog-post .post-body h3{
    font-size: 18px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

/*
    BLOG STANDARD
    ------------------------------------------------------------------------- */

.post-media{
    width: 100%;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    margin-bottom: 25px;
}

.post-media .post-img img{
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;
    -o-transition: all 2s ease 0s;
    -ms-transition: all 2s ease 0s;
    transition: all 2s ease 0s;
    opacity: 1;
}

.post-media .post-img:hover img{
    opacity: 0.7;

    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
}


/*
    BLOG MASONRY
    ------------------------------------------------------------------------- */
.blog-posts.isotope.masonry{
    padding: 0;
}

.blog-posts.isotope.masonry li.blog-post.isotope-item{
    margin-bottom: 30px;
    width: 30%;
    margin-right: 15px;
    margin-left: 15px;
    background-color: #fff;
    float: left;
}

.blog-post.isotope-item .post-info{
    margin-bottom: 30px;
}

.blog-post.isotope-item .post-date{
    float: left;
    width: 50%;
}

.blog-post.isotope-item .post-date p{
    color: #565f66;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 0 0 20px;
}

.blog-post.isotope-item .post-date i{
    padding-right: 3px;
}

.blog-post.isotope-item .post-info .post-category{
    width: 50%;
    float: right;
    position: relative;
}

.blog-post.isotope-item .post-info .post-category a{
    text-transform: uppercase;
    color: #eee;
    background-color: #565f66;
    padding: 7px 15px;
    position: absolute;
    right: 0;  
}

.blog-post.isotope-item .post-body{
    padding: 0 20px;
}

.blog-post.isotope-item .post-media{
    margin-bottom: 15px;
}

.blog-post.isotope-item .post-footer{
    padding: 0 15px 15px 20px;
}

.post-footer .post-meta{
    width: 50%;
    float: left;
    padding-top: 3px;
}

.post-footer .post-meta li{
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #ddd;
}

.post-footer .post-meta li:first-child{
    padding-left: 0;
}

.post-footer .post-meta li:last-child{
    border-right: none;
}

.post-footer .post-meta li.comments a{
    padding-left: 3px;
}

.post-footer .post-meta li.post-like:before{
    float: right;
    position: relative;
    top: 6px;
}

.post-footer .post-meta li.post-like .box{
    position: relative;
    top: -12px;
    padding-top: 12px;
}

.post-footer .post-meta li.post-like .box a{
    padding-right: 15px;
}

.post-footer a.read-more span{
    text-transform: none;
    font-weight: normal;
}

.post-footer .post-meta li.post-like:hover:before{
    color: #ff0101;
}


/*
    BLOG SINGLE POST
    ------------------------------------------------------------------------- */

/*  POST COMMENTS
    ------------------------------------------------------------------------- */
.post-comments {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.comments-li {
    float: left;
    margin-bottom: 30px;
    background: none;
    padding-left: 0;
    list-style: none;
}
.comments-li > li {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    list-style: none;
    min-height: 75px;
}
.comments-li > li:last-child .comment {
    border: none;
    margin-bottom: 0;
}
.comments-li .comment {
    float: left;
    min-height: 60px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}
.post-comments .comment + .children {
    margin-top: 30px;
}
.post-comments .children + .children {
    margin-top: 30px;
}
.comment .avatar {
    width: 70px;
    height: 70px;
    margin-right: 30px;
    float: left;
    border: 3px solid #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
.comment-meta li {
    font-style: italic;
    list-style: none;
}
.comment-meta .author {
    font-size: 15px;
    font-family: 'Raleway', Arial, sans-serif;
    color: #252525;
    font-weight: 600;
    font-style: normal;
}
.comment .comment-body {
    margin-left: 100px;
    margin-top: 15px;
}
.comment .comment-reply-link {
    display: block;
    margin-top: 15px;
    background: url('../img/blog/reply.png') no-repeat 0 center;
    padding-left: 22px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    float: right;
}
.post-comments .children {
    margin-left: 10%;
    float: left;
    padding: 0 0 0 20px;
    width: calc(90%);
}
.children li {
    list-style: none;
}

/*  COMMENT FORM
    ------------------------------------------------------------------------ */
.comment-form{
    width: 100%;
    float: left;
}

.comment-form fieldset{
    width: 50%;
    float: right;
    padding-right: 30px;
    margin-bottom: 20px;
}

.comment-form fieldset:nth-child(2n + 1){
    padding-right: 0;
}

.comment-form .wpcf7-message{
    width: 100%;
}

.comment-form label{
    width: 100%;
    margin-bottom: 5px;
    display: block;
}

.comment-reply{
    padding: 13px 40px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    float: right;
    color: #fff;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

/* ==========================================================================
    10. LOCATIONS PAGE
    ========================================================================= */
.page-title-map.page-title-negative-top #map{
    height: 800px;
    margin-top: -186px;
}

.locations-li > li{
    list-style: none;
    margin-bottom: 30px;
}

.locations-li > li h3{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.locations-li > li .fa-ul{
    margin-left: 20px;
}


/* ==========================================================================
    11. CONTACT
    ========================================================================= */
.wpcf7 fieldset{
    margin-bottom: 15px;
}

.wpcf7 label{
    width: 100%;
    padding-bottom: 10px;
}

.wpcf7-text, 
.wpcf7-select,
.wpcf7-textarea{
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 8px 15px;
}

.wpcf7 .wpcf7-submit{
    padding: 13px 40px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    float: right;
    color: #fff;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

#map{
    width: 100%;
    height: 450px;
    margin-bottom: 20px;
}

#map img{
    max-width: none;
}

/* ==========================================================================
    12. WIDGETS
    ========================================================================= */
.aside-widgets > li{
    list-style: none;
}

.widget{
    display: block;
    width: 100%;
    margin-bottom: 45px;
}

.widget .title h3{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
}

.widget ul > li{
    background-image: url('../img/arrow.png');
    background-repeat: no-repeat;
    background-position: 0 center;
    list-style: none;
    padding-left: 15px;
}

.widget li a{
    padding-top: 5px;
    display: block;
}
.widget li span{
    padding-top: 5px;
    display: block;
}
/* 
   ASIDE SEARCH WIDGET
   -------------------------------------------------------------------------- */
.widget_search form {
    position: relative;
}
.widget_search .a_search {
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
    display: block;
    color: #777;
    font-style: italic;
    left: 0;
    top: 0;
    padding: 10px 60px 10px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.widget_search .search-submit {
    background-image: url('../img/search.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 100%;
    border: none;
    text-indent: -9999px;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    min-height: 40px;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
}

/*
    LATEST POSTS WIDGET 01
    ------------------------------------------------------------------------- */
.rpw_posts_widget ul > li{
    position: relative;
    background: none;
    background-image: none !important;
    padding-left: 18px;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.rpw_posts_widget ul > li::before{
    position: absolute;
    display: block;
    content: "\f073";
    font-family: 'FontAwesome';
    font-size: 11px;
    top: 5px;
    left: 0;
}

.rpw_posts_widget ul > li:last-child{
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.rpw_posts_widget li h4{
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 0;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}




/*  NAV MENU WIDGET
    ------------------------------------------------------------------------- */
.widget_nav_menu ul li{
    background-position: right center;
    padding-left: 0;
    border-bottom: 1px dotted #ddd;
}

.widget_nav_menu ul li:last-child{
    border-bottom: none;
}


/*
    NEWSLETTER WIDGET
    ------------------------------------------------------------------------- */
.widget_newsletterwidget .newsletter{
    width: 100%;
    float: left;
    position: relative;
}

.widget_newsletterwidget .newsletter .email{
    padding: 5px 60px 5px 15px;
    font-style: italic;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    height: 40px;
    border: 1px solid #ddd;
    min-width: 100%;
}

.footer-dark .footer-widget-container .newsletter .email{
    color: #bcc0c4;
    background-color: #565f66;
    border: none;
}

.newsletter .submit{
    width: 40px;
    height: 40px;
    background-image: url('../img/subscribe.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    border: none;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}


/*  NEWS CAROUSEL
    ------------------------------------------------------------------------- */
.news-carousel-container .icon-title{
    float: left;
    border-right: 3px solid #1f2830;
    padding-right: 20px;
    margin-right: 20px;
    padding-top: 25px;
    padding-left: 15px;
    min-height: 80px;
}

.news-carousel-container .icon-title i,
.news-carousel-container .icon-title h3{
    float: left;
    font-size: 24px;
}

.news-carousel-container .icon-title i{
    padding-right: 10px;
}

.news-carousel-container .owl-item {
    padding-top: 5px;
}

.news-carousel-container .owl-item h4{
    margin-bottom: 5px;
}

.news-carousel-container .owl-item span{
    text-transform: uppercase;
}

*[class^="col-"].custom-bkg .news-carousel-container{
    margin: -15px;
}



/* ==========================================================================
     13. FOOTER
    ========================================================================= */
#footer .row{
    margin-bottom: 25px;
}

#footer-wrapper{
    padding-top: 70px;
    position: relative;
    background-image: url('../img/11.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#footer-wrapper.footer-dark{
    background-color: #25272e;
}

#footer-wrapper.footer-light{
    background-color: #fff;
    border-top: 1px solid #ddd;
}

.footer-dark .footer-widget-container .text-big{
    color: #fff;
}

.footer-dark .footer-widget-container .widget .title h3{
    color: #fff;   font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
    font-size: 20px;
}

.footer-widget-container > li{
    list-style: none;
}

.footer-dark .footer-widget-container p,
.footer-dark .footer-widget-container a,
.footer-dark .footer-widget-container address,
.footer-dark .footer-widget-container span,
.footer-dark .copyright-container p,
.footer-dark .copyright-container a,
.footer-dark .copyright-container span{
    color: #bcc0c4;
}

.footer-social-icons{
    margin-top: 15px;
}

.footer-social-icons > li{
    list-style: none !important;
    background-image: none !important;
    float: left;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    padding: 0 !important;
}

.footer-social-icons li a{
    width: 30px;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    text-align: center;

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.footer-social-icons li a:hover{
    color: #fff;
}

.footer-dark .footer-social-icons li a{
    background-color: #565f66;
    color: #fff;
}

.footer-light .footer-social-icons li a{
    background-color: #f6f6f6;
}

.copyright-container .row{
    margin-bottom: 0;
}

.footer-dark .copyright-container .row{
    border-top: 1px solid #384653;
    padding: 15px 0 10px 0;
}

.footer-light .copyright-container .row{
    border-top: 1px solid #ddd;
    padding: 15px 0 10px 0;
}

.copyright-container a,
.copyright-container p,
.copyright-container span{
    font-size: 13px;
}

/*
    SCROLL UP
    ------------------------------------------------------------------------- */
.scroll-up {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 15px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background-image: url('../img/to-top.png');
    background-repeat: no-repeat;
    background-color: #252525;
    z-index: 100;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

















dl#news{
    width:100%;
}
 
dl#news dt{
    clear:left;
    float:left;
    margin:0;width:120px;
    padding:16px 0 10px 1px;
    line-height:1.5em;font: 14px/1.5 "ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}
 
dl#news dd{
    margin:0;
    padding:16px 0.5em 16px 1px;
    border-bottom:1px dotted #CCC; 
    line-height:1.5em;font: 14px/1.5 "ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}
 
dl#news a{
    padding: 5px 20px 5px 0;
    color:#0066cc;
    text-decoration:underline;font: 14px/1.5 "ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}
 
dl#news a:hover{
    text-decoration:none;font: 14px/1.5 "ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}



h6 {
	position: relative;font-size:20px;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
	padding: .90em 1em .65em 2em;
	border: 1px solid #ccc;
	border-top: 3px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
h6::after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #3498db;
	border-radius: 100%
}



.link-ja{
	position: relative;font-size:16px;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
	background: #ff0030;
	padding: .90em 1em .65em 43px;
	border: 1px solid #ccc;
	border-top: 1px solid #c0c0c0;
	background: url(../img/adfasfd8.png) no-repeat 0px 0px;

	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	
	text-decoration: none;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;

	
	
}



.link-ja:hover{background: #C7E1E8;
  	background: url(../img/dfdfdfdf111.png) no-repeat 0px 0px;
}














.link-ja1{
	position: relative;font-size:16px;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
	background: #ff0030;
	padding: .90em 1em .65em 43px;
	border: 1px solid #ccc;
	border-top: 1px solid #c0c0c0;
	background: url(../img/adfasfd9.png) no-repeat 0px 0px;

	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	
	text-decoration: none;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;

	
	
}










.link-ja2{
	position: relative;font-size:14px;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
	background: #ff0030;
	padding: 5px 1em 3px 29px;
	border: 1px solid #ccc;border-radius: 10px;-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  -moz-border-radius: 5px;   /* Firefox用 */  
	border-top: 1px solid #c0c0c0;
	background: url(../img/ja2_22.png) no-repeat 0px 0px;
    color:#444444;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	
	text-decoration: none;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;

	
	
}



.link-ja2:hover{background: #C7E1E8;
  	background: url(../img/ja2ffe1.png) no-repeat 0px 0px;
}


















.link-ja3{
	position: relative;font-size:16px;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
	background: #ff0030;
	padding: .90em 1em .65em 93px;
	border: 1px solid #ccc;
	border-top: 1px solid #c0c0c0;
	background: url(../img/111111111111adddfasfd8.png) no-repeat 0px 0px;

	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	
	text-decoration: none;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -ms-transition: .3s linear;

	
	
}



.link-ja3:hover{background: #C7E1E8;
  	background: url(../img/111111111111adddfasfd8.png) no-repeat 0px 0px;
}




















iframe{ width:100%; }












.frame {
	display: inline-block;padding: 5px;
	box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.8);
}







.heading7{
	position:relative;
	padding:12px;
	font-weight: bold;
	font-size: 18px;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
	background-color: #51A2C1;
	color: #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
 
.heading7:before{
	content:''; 
	height:0; 
	width:0; 
	display:block; 
	border:15px transparent solid; 
	border-right-width:0; 
	border-left-color:#51A2C1; 
	position:absolute; 
	top:25px; 
	left:15px;
	transform:rotate(-270deg);
	-webkit-transform:rotate(-270deg);
	-moz-transform:rotate(-270deg);
	-o-transform:rotate(-270deg);
	-ms-transform:rotate(-270deg);
}




.btn {
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 2px solid #FFF;
	font-size: 20px;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 100%;text-align:center;
	padding: 14px 0;
}










.defaultlist
,.defaultlist li{
	padding:0px;
	margin:0px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 12px 0px !important;
}
 
.list7 li{
	position:relative;
	display: block;
	padding: 5px 0px 5px 30px;
	background: #ccc;
	color: #444;
	border-radius:15px 0px 0px 15px;	font-size: 14px;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
}
 
.list7 li:after{
	content:'';
	display:block; 
	position:absolute;
	width:14px;
	height: 14px;
	top:7px;
	left:5px;
	background: #fff;
	border-radius: 10px;
}










.stitched {
	padding: 15px 15px;
	background: #ff0030;
	color: #fff;
	text-decoration: none;
font-size: 18px;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
	font-weight: bold;
	border-radius: 3px;
	-moz-border-radius 3px;
	-webkit-border-radius: 3px;
	text-shadow: -1px -1px #aa3030;
	/* ↓がポイント */
	border: 1px dashed #fff;
	-moz-box-shadow: 0 0 0 4px #ff0030, 1px 1px 4px 3px rgba(10,10,0,.5);
	-webkit-box-shadow: 0 0 0 4px #ff0030, 1px 1px 4px 3px rgba(10,10,0,.5);
	box-shadow: 0 0 0 4px #ff0030, 1px 1px 6px 3px rgba(10,10,0,.5);
}






h1.heading8{
    color: #444;font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
    font-size: 22px;
    line-height: 1.6em;
    border-bottom: 1px solid #bfbfbf;
    &:first-letter{
        font-size: 48px;
    }
}


























.syutyou_tb{font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
	border-bottom:#666 solid 1px;
	border-right:#666 solid 1px;
}

.syutyou_tb td{font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
	border-left:#666 solid 1px;
	border-top:#666 solid 1px;
		padding:17px;
	line-height:14pt;

}

.syutyou_tb td.aaa{font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
	border-left:#666 solid 1px;
	border-top:#666 solid 1px;
	line-height:14pt;
	padding:20px;
	
		font-size:15px;font-weight:bold;
	padding: 0em 0em 0em 36px;
	
	background: url(../img/Imagedddddddd10.png) no-repeat 0px 0px;
}
.syutyou_tb th{font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
	border-left:#666 solid 1px;
	border-top:#666 solid 1px;
	font-size:20px;font-weight:bold;
	line-height:14pt;
	background:#cde6f5;
	text-align:left;
	padding:20px;
}

.syutyou_tb2{font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"MS Pゴシック",sans-serif;
	border-bottom:#666 solid 1px;
	border-right:#666 solid 1px;
}

.syutyou_tb2 td{
	border-left:#666 solid 1px;
	border-top:#666 solid 1px;
	
	line-height:14pt;
	padding:10px;
}

.syutyou_tb2 th{
	border-left:#666 solid 1px;
	border-top:#666 solid 1px;
	
	line-height:14pt;
	background:#CCC;
	padding:10px;
}

.tyui{
	background:#dff4c6;
	padding:5px;
	text-align:center;
	margin:10px 0;
}

.tyui02{
	background:#FCF;
	padding:5px;
	margin:10px 0;
}


.kaigo_tb{
	border-bottom:#666 solid 1px;
	border-right:#666 solid 1px;
}

.kaigo_tb td{
	border-left:#666 solid 1px;
	border-top:#666 solid 1px;
	
	line-height:14pt;
	padding:10px;
}

.kaigo_tb .g_td{
	border-left:#666 solid 1px;
	border-top:#666 solid 1px;
	
	line-height:14pt;
	padding:10px;
	background:#e5e5e5;
}

.kaigo_tb th{
	border-left:#666 solid 1px;
	border-top:#666 solid 1px;
	
	line-height:14pt;
	background:#066860;
	padding:10px;
	color:#FFF;
}
	
.list02 {
	background:#dff4c6;
	padding:5px;
	margin:10px 0;
}

.list02 li{
	padding:0px 0px 0px 15px;
	text-align:left;
	
	line-height:14pt;
	background:url(../img/icon01.gif) no-repeat 0px 4px;
	float:left;
	margin:3px 5px;
}

.pagetop{
	margin:10px 0 20px;
	border-top:#CCC dashed 1px;
	padding:5px 0 0 0;
	text-align:right;
}



























#button {
    display: block;
    width: 100%;
    margin: 0 auto;
}
#button a {
    display: block;
    width: 100%;
    border: 1px solid #52d3ff;
    background-color: #52d3ff;
    color: #ffffff;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
    font-size:13px;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}
#button a:hover {
    background-color: #ffffff;
    color: #52d3ff;
}
























.ResTableA{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #d8d8d8;
}
 
.ResTableA th{
	-moz-box-sizing: border-box;     /* box-size[border・padding 込み] */
	box-sizing: border-box;     /* box-size[border・padding 込み] */
	border: 1px solid #d8d8d8;
	padding: 15px 10px 12px;
	width: 30%;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	vertical-align:middle;
	background-color: #f0f0ef;
}
 
.ResTableA td{
	padding: 15px 10px 12px;
	text-align: left;
	vertical-align: top;
	border-top: dotted 1px #d8d8d8;
}
 
@media (max-width: 479px){
.ResTableA{
	border-bottom:none;
}
.ResTableA th{
	padding: 5px 10px;
	width:100%;
	display:block;
	margin: 0 auto;
	border:none;
	text-align: left;
}
.ResTableA td{
	padding: 5px 10px;
	width:100%;
	display: list-item;     /* リストに変換 */
	list-style:none;     /* リストに変換によるドットを非表示 */
	border-top: none !important;
	border-bottom:1px solid #d8d8d8;
}

}
/* 外部リンク */
a[target="_blank"]:after {
     font-family: FontAwesome;
  content: ' \f08e';
    color: #00A0E9;
  
    margin:0 3px;  font-size:15px;
}






label {
    cursor: pointer;
    display: inline-block;
    height: 44px;
    position: relative;
}

label span {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    position: relative;
}
label span:before, label span:after {
    border-bottom: 1px solid #2C918D;
    content: "";
    left: 8px;
    position: absolute;
    top: 25px;
    width: 13px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
label span:after {
    left: 15px;
    top: 21px;
    width: 24px;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
label i {
    background: #fff;
    display: inline-block;
    height: 44px;
    margin-right: 16px;
    position: relative;
    vertical-align: top;
    width: 44px;
}



























































tr
	{mso-height-source:auto;
	mso-ruby-visibility:none;}
col
	{mso-width-source:auto;
	mso-ruby-visibility:none;}
br
	{mso-data-placement:same-cell;}
.font0
	{color:#000000;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:"ＭＳ Ｐゴシック";
	mso-font-charset:128;}
.font1
	{color:#000000;
	font-size:9.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:"ＭＳ Ｐゴシック";
	mso-font-charset:128;}
.font2
	{color:#000000;
	font-size:10.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:"ＭＳ Ｐゴシック";
	mso-font-charset:128;}
.style0
	{mso-number-format:"General";
	text-align:general;
	vertical-align:middle;
	white-space:nowrap;
	mso-rotate:0;
	mso-pattern:auto;
	mso-background-source:auto;
	color:#000000;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:ＭＳ Ｐゴシック;
	mso-font-charset:128;
	border:none;
	mso-protection:locked visible;
	mso-style-name:"Normal";
	mso-style-id:0;}
.style16
	{mso-number-format:"_ * \#\,\#\#0_ \;_ * \\-\#\,\#\#0_ \;_ * \0022-\0022??_ \;_ \@_ ";
	mso-style-name:"Comma";
	mso-style-id:3;}
.style17
	{mso-number-format:"_-\0022\\\0022* \#\,\#\#0_-\\ \;\\-\0022\\\0022* \#\,\#\#0_-\\ \;_-\0022\\\0022* \0022-\0022??_-\\ \;_-\@_-";
	mso-style-name:"Currency";
	mso-style-id:4;}
.style18
	{mso-number-format:"_ * \#\,\#\#0\.00_ \;_ * \\-\#\,\#\#0\.00_ \;_ * \0022-\0022??_ \;_ \@_ ";
	mso-style-name:"Comma[0]";
	mso-style-id:6;}
.style19
	{mso-number-format:"0%";
	mso-style-name:"Percent";
	mso-style-id:5;}
.style20
	{mso-number-format:"_-\0022\\\0022* \#\,\#\#0\.00_-\\ \;\\-\0022\\\0022* \#\,\#\#0\.00_-\\ \;_-\0022\\\0022* \0022-\0022??_-\\ \;_-\@_-";
	mso-style-name:"Currency[0]";
	mso-style-id:7;}
td
	{mso-style-parent:style0;
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	mso-number-format:"General";
	text-align:general;
	vertical-align:middle;
	white-space:nowrap;
	mso-rotate:0;
	mso-pattern:auto;
	mso-background-source:auto;
	color:#000000;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:ＭＳ Ｐゴシック;
	mso-font-charset:128;
	border:none;
	mso-protection:locked visible;}
.xl22
	{mso-style-parent:style0;}
.xl23
	{mso-style-parent:style0;
	text-align:center;}
.xl24
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";}
.xl25
	{mso-style-parent:style0;
	border:.5pt solid windowtext;}
.xl26
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	border:.5pt solid windowtext;}
.xl27
	{mso-style-parent:style0;
	text-align:left;}
.xl28
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	text-align:center;
	border:.5pt solid windowtext;}
.xl29
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	text-align:left;
	white-space:normal;}
.xl30
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	text-align:center;}
.xl31
	{mso-style-parent:style0;
	text-align:center;
	border:.5pt solid windowtext;}
.xl32
	{mso-style-parent:style0;
	mso-number-format:"0\.0_ ";
	text-align:center;
	border:.5pt solid windowtext;}
.xl33
	{mso-style-parent:style0;
	text-align:right;}
.xl34
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	text-align:left;}
.xl35
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	text-decoration:underline;
	text-underline-style:single;}
.xl36
	{mso-style-parent:style0;
	mso-number-format:"0\.00_ ";
	text-align:center;
	border:.5pt solid windowtext;}
.xl37
	{mso-style-parent:style0;
	border-bottom:.5pt solid windowtext;}
.xl38
	{mso-style-parent:style0;
	mso-number-format:"\#\,\#\#0\;\[Red\]\\-\#\,\#\#0";
	text-align:right;}
.xl39
	{mso-style-parent:style0;
	mso-number-format:"\#\,\#\#0\;\[Red\]\\-\#\,\#\#0";}
.xl40
	{mso-style-parent:style0;
	text-align:center;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl41
	{mso-style-parent:style0;
	text-align:right;
	border-bottom:.5pt solid windowtext;}
.xl42
	{mso-style-parent:style0;
	text-align:center;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;}
.xl43
	{mso-style-parent:style0;
	text-align:center;
	layout-flow:vertical;}
.xl44
	{mso-style-parent:style0;
	text-align:right;
	border-top:.5pt solid windowtext;}
.xl45
	{mso-style-parent:style0;
	border-top:.5pt solid windowtext;}
.xl46
	{mso-style-parent:style0;
	text-align:center;
	white-space:normal;
	mso-pattern:auto none;
	background:#b0e9fb;
	border:.5pt solid windowtext;}
.xl47
	{mso-style-parent:style0;
	text-align:center;
	mso-pattern:auto none;
	background:#b0e9fb;
	border:.5pt solid windowtext;}
.xl48
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	text-align:center;
	mso-pattern:auto none;
	background:#b0e9fb;
	border:.5pt solid windowtext;}
.xl49
	{mso-style-parent:style0;
	text-align:center;
	mso-pattern:auto none;
	background:#b0e9fb;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl51
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	border-left:.5pt solid windowtext;
	border-right:.5pt solid windowtext;}
.xl54
	{mso-style-parent:style0;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl56
	{mso-style-parent:style0;
	white-space:normal;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl58
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	text-align:center;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl60
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl62
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	border-left:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl64
	{mso-style-parent:style0;
	text-align:left;
	border:.5pt solid windowtext;}
.xl65
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	text-align:left;
	border:.5pt solid windowtext;}
.xl66
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	text-align:left;
	white-space:normal;
	border:.5pt solid windowtext;}
.xl67
	{mso-style-parent:style0;
	text-align:center;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-right:.5pt solid windowtext;}
.xl70
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	text-align:center;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-right:.5pt solid windowtext;}
.xl72
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	text-align:center;
	mso-pattern:auto none;
	background:#b0e9fb;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl74
	{mso-style-parent:style0;
	text-align:left;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl78
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	text-align:left;
	white-space:normal;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl81
	{mso-style-parent:style0;
	mso-number-format:"0\.000_ ";
	text-align:left;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl84
	{mso-style-parent:style0;
	mso-number-format:"\#\,\#\#0\;\[Red\]\\-\#\,\#\#0";
	text-align:center;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl86
	{mso-style-parent:style0;
	mso-number-format:"\#\,\#\#0\;\[Red\]\\-\#\,\#\#0";
	text-align:center;
	mso-pattern:auto none;
	background:#b0e9fb;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl90
	{mso-style-parent:style0;
	text-align:center;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;}
.xl93
	{mso-style-parent:style0;
	text-align:center;
	mso-pattern:auto none;
	background:#b0e9fb;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;}
.xl100
	{mso-style-parent:style0;
	text-align:left;
	white-space:normal;}
.xl101
	{mso-style-parent:style0;
	text-align:center;
	layout-flow:vertical;
	border:.5pt solid windowtext;}
.xl102
	{mso-style-parent:style0;
	text-align:center;
	white-space:normal;
	border:.5pt solid windowtext;}
.xl103
	{mso-style-parent:style0;
	text-align:left;
	color:#333333;}
.xl104
	{mso-style-parent:style0;
	text-align:left;
	white-space:normal;
	color:#333333;}
.xl105
	{mso-style-parent:style0;
	text-align:left;
	border-top:.5pt solid windowtext;}
.xl106
	{mso-style-parent:style0;
	text-align:center;
	white-space:normal;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl108
	{mso-style-parent:style0;
	text-align:center;
	mso-text-control:shrinktofit;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}
.xl112
	{mso-style-parent:style0;
	text-align:center;
	mso-pattern:auto none;
	background:#b0e9fb;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-right:.5pt solid windowtext;}
.xl115
	{mso-style-parent:style0;
	text-align:center;
	white-space:normal;
	mso-pattern:auto none;
	background:#b0e9fb;
	border-left:.5pt solid windowtext;
	border-top:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;}






/* 外部リンク */
a.original:after {
  font-family: FontAwesome;
  content: ' \f1c1';
    color:red;
  
    margin:0 3px;  font-size:15px;
}






















































.heading-primary {
  font-size: 2em;
  padding: 2em;
  text-align: center;
}

.accordion dl,
.accordion-list {
  border: 1px solid #ddd;
}
.accordion dl:after,
.accordion-list:after {
  content: "";
  display: block;
  height: 1em;
  width: 100%;
  background-color: #019669;
}

.accordion dd,
.accordion__panel {
  background-color: #eee;
  font-size: 1em;
  line-height: 1.5em;
}

.accordion p { 
  padding: 1em 2em 1em 2em;
}

.accordion {
  position: relative;
  background-color: #eee;
}


.accordionTitle,
.accordion__Heading {
  background-color: #017452;
  text-align: left;
  font-weight: 300;
  padding: 1.2em;
  display: block;font-size:14px;
  text-decoration: none;
  color: #fff;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #018b62;
}
.accordionTitle:before,
.accordion__Heading:before {
  content: "+";
  font-size: 17px;
  line-height: 0.9em;
  float: left;margin-right:13px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.accordionTitle:hover,
.accordion__Heading:hover {
  background-color: #01af7b;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
  background-color: #018b62;color:white;
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  max-height: 500em;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}
@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 1555777em;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
}

.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
          animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
          animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
















/* 画像の回り込み */
.alignnone {
  padding: 4px;
  margin: 0px 15px 0 15px;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
}
.alignright {
  float: right;
  display: inline;
  padding: 4px;
  margin: 0px 15px 0 15px;
}
.alignleft {
  float: left;
  display: inline;
  padding: 4px;
  margin: 0px 15px 0 15px;
}
.clear {
  clear: both;
}