/* CSS by Rb */

.ahref-driven a {

font-weight: 600;
margin-right: 2px;
display: inline-block;
height: auto;

}

/* BTN */

.btn-group a {
padding: 8px 20px;
font-size: 15px;
display: block;
float: left;
background-color: color(srgb 0.575 0.5074 0.4399 / 0.93);
margin-right: 16px;
margin-bottom: 10px;
color: color(srgb 0.0812 0.0662 0.0621);
font-weight: 500;
border: 1px solid color(srgb 0.8884 0.8141 0.7449);
border-radius: 19px;
}



.tt-btn-primary {
background-color: #44372b;
}

.tt-btn-primary > *, .tt-btn-primary > *::after {
color: #e5d1bf;
}

.txt-clr-01a .txt-clr-01 {
color: #c2ae9c;
}


.txt-clr-01 {
color: #e3d0be;
}
.txt-clr-02 {
color: #B19E8C;
}

.txt-stl-01 {

color: #e3d0be;
font-family: 'Noto Serif JP', serif;

}

.cnt_lnk a {
opacity: 1;
font-style: normal;
border-bottom: 0px solid;
color: #e3d0be;
font-family: 'Noto Serif JP', serif;
}


.sml_lnk a {
opacity: 1 !important;
font-style: italic !important;
border-bottom: 0px !important;
letter-spacing: 4px;
font-weight: 700;
font-size: 18px;
color: color(srgb 0.26 0.2194 0.1833);
}

/* Selection */

::selection {
	color: #fff;
	text-shadow: none;
	background: #4c2122;
}

::-moz-selection {
	color: #fff;
	text-shadow: none;
	background: #4c2122; /* Firefox */
}

::-webkit-selection {
	color: #fff;
	text-shadow: none;
	background: #4c2122; /* Safari */
}

#tt-footer {
display: none;
}

.tt-swiper-nav {
margin-bottom: 40px;


}
.tt-ps-nav-pagination-fraction {
text-shadow: -1px 2px 5px black;
}
.tt-ps-nav-arrow {
border: solid 1px #fff;
    border-radius: 60px;
	background-color: #0000004f;
}

.tt-ps-nav-arrow-prev::after {
padding-right: 2px;
}
.tt-ps-nav-arrow-next::after {
padding-left: 2px;
}

.tt-ps-nav-arrow-disabled {
display: none;
}

.driven-logo-lg {

}
.renebabin-logo-lg {

}

.datacadia-logo-lg {


}

.txt-cour a {
color: #938271 !important;
font-style: normal;
text-decoration: none;
opacity: 1;
border-bottom: 0px solid;
}


.txt-sml-dr {
color: #5c4e41 !important;
font-family: 'Heebo', sans-serif;
font-size: 16px;
letter-spacing: 2px;

}

.txt-sml-rb {
color: #c7c7c7 !important;
margin-top: 18px;
font-family: 'Archivo Narrow', sans-serif;
font-size: 20px;
text-align: center;

}
.txt-sml-dc {
color: #a1abb4 !important;
font-family: 'Heebo', sans-serif;
font-size: 18px;
text-align: center;

}

.txt-col-dr-01 {
margin-left: 10px;
margin-top: 30px
}
.txt-col-rb-01 {
margin-left: 20px;
}
.txt-col-dc-01 {
margin-left: 5px;
margin-top: 10px;
}

.txt-01-dr-adr {
font-size: 16px;
}

/*-- logo-lg affects all of the above --*/
.logo-lg {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;

}

.text-xxlg p {
margin-bottom: 2.5% !important;
margin-top: 40px;
}

.tt-btn-rb {
font-family: 'Archivo Narrow', sans-serif;
background-color: #315ca5;
font-size: 24px;
}

.tt-btn-rb a {
color: #cdcdcd;
}


.tt-btn-dc {
font-family: 'Heebo', sans-serif;
background-color: #56a8dc;
font-size: 24px;

}

.tt-btn-dc a {
color: #dbe8f3;
}


.tt-section-dr {
    position: relative;
    padding: 20px 0;
}

.slide-dr {
    position: relative;
    width: 100%;
	height: 100%;
	min-height: 100%;
	display: block;
}

.slide-dr-item {
padding: 20px 50px;
}

.txt-01-dr {
color: #e3d0be;
font-family: 'Noto Serif JP', serif;
margin-bottom: 15px;
}
.txt-02-dr {
color: #e4e5e6;
font-family: 'Archivo Narrow', sans-serif;
}
.txt-03-dr {
color: #6d6e71;
font-family: 'Heebo', sans-serif;
}
.title-dr {

}
.title-rb {

}
.title-dc {

}


.slide-dr-01 {
background-image: url('../img/driven_publishing/driven_publishing_slide-01.jpg');
background-color: #121011;
width: 100%;
    display: block;
    z-index: 1;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    min-height: 100vh;
}


.slide-dr-02 {
background-image: url('../img/driven_publishing/driven_publishing_slide-02.jpg');
background-color: #a5a6a7;
width: 100%;
    display: block;
    z-index: 1;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    min-height: 100vh;

}
.slide-dr-03 {
background-image: url('../img/driven_publishing/driven_publishing_slide-03.jpg');
background-color: #d2e1ed;
width: 100%;
    display: block;
    z-index: 1;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    min-height: 100vh;

}


@media (max-width: 1024px) {

.txt-sml-rb {
font-size: 18px;

}


#tt-header.tt-header-fixed {
position: fixed;
}


	.tt-portfolio-slider .swiper {
        height: 100vh;
    }


.logo-lg {
width: 300px;
margin-left: auto;
margin-right: auto;
display: block;

}

.txt-01-dr-adr {
font-size: calc(100% - 0.5vw);
}

.txt-02-dr {
font-size: 24px;
}



.ctn_top_spc {
margin-top: 20px;
}

h3 {
font-size: 28px;
}

}

@media only screen and (max-width: 1025px) and (min-width: 769px)  {

.tt-col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}

.tt-col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}


.tt-col-lrg-dr {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}


}

@media (max-width: 768px) {


/*
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background:rgba(0, 0, 0, .1)
}

.swiper-pointer-events {
    touch-action:pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action:pan-x
}
*/


/* .swiper-wrapper {
touch-action: pan-x, pan-y;
-ms-touch-action: pan-x, pan-y;
}
*/

.logo-lg {
width: 200px;
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 10px;

}
.datacadia-logo-lg {
width: 240px;

}

.text-xxlg p {
font-size: 18px;
margin-bottom: 20px !important;
margin-top: 12px;
}

.slide-dr-item {
padding: 20px 40px;
}

.tt-btn-rb {
text-align: center;
    margin-left: auto;
    margin-right: auto !important;
    display: block;
    width: fit-content;
	font-size: 20px;
}

.tt-btn-dc {
text-align: center;
    margin-left: auto;
    margin-right: auto !important;
    display: block;
    width: fit-content;
	font-size: 20px;

}


.txt-col-dr-01 {
margin-left: 0px;
margin-top: 10px;
}

.txt-sml-rb {
color: #c7c7c7 !important;
margin-top: 18px;
}


.slide-dr-01 {
background-size: contain;
background-position: 100% 100%;
}


.slide-dr-02 {
background-size: contain;
background-position: 100% 100%;

}
.slide-dr-03 {
background-size: contain;
background-position: 100% 100%;

}

.txt-sml-dr {
font-size: 14px;
}

.txt-02-dr {
text-align: center;
padding-bottom: 10px;
}

.txt-03-dr {
text-align: center;
padding-bottom: 10px;
}


}

@media (max-width: 480px) {

.ctn_top_spc {
margin-top: 40px;
}

.logo-lg {
width: 150px;
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 10px;
}

.slide-dr-01-bck {
position: absolute;
background-color: #121011;
top: 0;
left: 0;
opacity: 0.5;
height: 100%;
width: 100%;
display: block;
z-index: 1;
}

.slide-dr-02-bck {
position: absolute;
background-color: #565758;
top: 0;
left: 0;
opacity: 0.5;
height: 100%;
width: 100%;
display: block;
z-index: 1;

}
.slide-dr-03-bck {
position: absolute;
background-color: #d2e1ed;
top: 0;
left: 0;
opacity: 0.8;
height: 100%;
width: 100%;
display: block;
z-index: 1;
}



.datacadia-logo-lg {
width: 200px !important

}

.slide-dr-item {
padding: 20px 20px;
}


.text-xxlg {
font-size: 18px !important;
}


.txt-01-dr-adr {
font-size: 14px !important;
}

.text-xlg {
font-size: 16px !important;
}

.txt-col-dr-01 {
margin-top: 10px;
}



.txt-sml-rb {
font-size: 16px;

}
.txt-sml-dc {
font-size: 16px;
color: #8c939a !important;
}



.txt-sml-dr {

color: #938271 !important;
font-weight: 400;

}

.tt-btn-rb {
font-size: 20px;
}
.tt-btn-dc {
font-size: 20px;
}


}

@media (max-width: 375px) {

.logo-lg {
width: 100px;
margin-left: auto;
margin-right: auto;
display: block;
margin-bottom: 4px;
}


.slide-dr-03-bck {

opacity: 0.8 !important;

}

.txt-sml-dc {
font-size: 14px;
color: #56595c !important;
}


.text-xxlg {
font-size: 16px !important;
}


.txt-01-dr-adr {
font-size: 14px !important;
}

.text-xlg {
font-size: 16px !important;
}

.txt-col-dr-01 {
margin-top: 10px;
}

.tt-section-dr {
padding: 10px 0;
}

p {
margin: 0 0 20px;
}

.tt-btn-rb {
font-size: 16px;
}
.tt-btn-dc {
font-size: 16px;
}


}

@media (max-width: 320px) {

.text-xxlg p {
font-size: 14px;
margin-bottom: 10px !important;
margin-top: 12px;
}

.slide-dr-item {
padding: 10px 10px;
}

.txt-01-dr {
font-size: 14px;
}

.text-xxlg {
font-size: 16px !important;
}


.datacadia-logo-lg {
width: 180px !important

}
.txt-col-dr-01 {
margin-top: 0px;
}

.tt-btn-rb {
font-size: 16px;
}
.tt-btn-dc {
font-size: 16px;
}
.txt-01-dr-adr {
font-size: 12px !important;
}
.txt-sml-rb {
font-size: 14px;
}


.datacadia-logo-lg {
    width: 180px !important;
}





}