@charset "UTF-8";
  html {
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ",sans-serif;
letter-spacing:0.05em;
font-weight: 400;
}
body{
overflow-x: hidden;
letter-spacing:0.05em;
position:relative;
color:#000;
font-weight: 400;
}
h1,h2,h3,h4,h5,p,a,span,strong,dl,dt,dd,table,tbody,thead,th,td,blockquote,ul,li,ol {
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "メイリオ",sans-serif;
color:#000;
}
.uk-grid.uk-grid-collapse {
margin-left: 0;
}
.uk-grid.uk-grid-collapse >* {
padding-left: 0;
}
p, li, dt, dd,th,td{
font-size: 16px;
line-height:200%;
margin:0 0 30px 0;
}
a {
-webkit-transition: 0.4s ;
transition: 0.4s ;
text-decoration:underline;
color:#d50b7e;
}
.uk-link:hover, a:hover{
text-decoration:none;
}
a img:hover {
opacity: 0.6;
-webkit-transition: 0.4s ;
transition: 0.4s ;
}
a:hover {
color:#d50b7e;
text-decoration:none;
}
img{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.uk-container{
max-width:1360px;
}
@media screen and (max-width : 959px){
.uk-container{
padding:0 30px;
}
}
@media screen and (max-width : 639px){
p, li, dt, dd, th,td{
line-height:180%;
margin-bottom:20px;
font-size:14px;
}
.uk-container{
padding:0 20px;
}
} .mb0 {
margin-bottom: 0;
}
.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 1.5em;
}
.mb30 {
margin-bottom: 30px;
}
.mb40 {
margin-bottom: 40px;
}
.mb60 {
margin-bottom: 60px;
}
.mb80 {
margin-bottom: 80px;
}
.mb120 {
margin-bottom: 120px;
}
.mb100 {
margin-bottom: 8em;
}
.mt5{
margin-top: 5px;
}
.mt10{
margin-top: 10px;
}
.mt15{
margin-top: 15px;
}
.mt20{
margin-top: 20px;
}
.mt40{
margin-top: 40px;
}
.mt60{
margin-top: 60px;
}
.mt80{
margin-top: 80px;
}
.pb0{
padding-bottom:0;
}
.pb20{
padding-bottom:20px;
}
.pb30{
padding-bottom:30px;
}
.pt80{
padding-top:80px;
}
.pt30{
padding-top:30px;
}
.pb80{
padding-bottom:80px;
}
.pt0{
padding-top:0;
}
.pBox15{
padding:15px;
}
@media screen and (max-width : 959px){
.mb120 {
margin-bottom: 80px;
}
}
@media screen and (max-width : 639px){
.mb60{
margin-bottom:30px;
}
.mb80{
margin-bottom:40px;
}
.mb100{
margin-bottom:50px;
}
.mb120 {
margin-bottom: 60px;
}
.mt60{
margin-top: 30px;
}
} .bold{
font-weight:bold;
}
.center{
text-align:center;
}
.pink{
color:#d50b7e!important;
display:inline!important;
}
.blue{
color:#0DFAF3!important;
display:inline!important;
}
.strong,
strong{
font-weight:600;
color:#d50b7e;
letter-spacing:0.05em;
position:relative;
font-size:120%;
}
.fonts{
font-size:14px;
color:#444;
}
.fontlarge{
font-size:18px;
}
@media screen and (max-width : 639px){
.fonts{
font-size:12px;
}
} table.sheet {
border-collapse:collapse;
border-spacing:0px;
border-bottom: none;
margin-bottom:25px;
width:100%;
}
.sheet th, .sheet td {
padding: 15px 20px;
text-align: left;
line-height:1.5em;
vertical-align:middle;
line-height:180%;
background:#fff;
}
.sheet tr{
border-bottom:1px solid #ddd;
}
.sheet tr:first-child{
border-top:1px solid #ddd;
}
.sheet th {
font-weight:600;
background:#f5f5f5;
}
.single .sheet th {
background:#fff;
}
.sheet td ol.list{
margin:0;
}
.sheet td ul.list{
padding:0 0 0 10px;
margin:0;
background:none;
}
.sheet td ul.list li {
margin:0;
}
.sheet td ul.list li:last-child {
margin:0;
}
.sheet td img {
vertical-align:middle;
}
.sheet th img {
margin:10px 0 0 0;
} table.center td,
table.center th{
text-align:center;
}
table td.fonts{
font-size:12px;
color:#666;
}
.sheet30 th {
width:30%;
}
.sheetEqual  {
table-layout: fixed;
}
table.small td,
table.small th,
table.small td li{
font-size:13px;
} table.price th{
padding: 8px 15px;
line-height:140%;
}
table.price td{
padding: 8px 10px;
}
table.price tr th:first-child{
width:50%;
}
table.price td:last-child{
text-align:right;
width:25%;
}
table.price td img{
display:block;
margin:0 auto;
}
@media screen and (max-width : 639px){
.sheet th, .sheet td,.sheet td ul.list li {
font-size:14px;
}
table.sheet td{
padding:15px 5px;
}
table.price th img{
display:block;
}
table.spblock th,
table.spblock td{
display:block;
margin:0;
width:auto;
padding:10px;
}
table.spblock th{
padding:5px 10px;
}
table.spblock td{
margin-bottom:5px;
}
table.price th,
table.price td{
padding: 5px 10px;
}
.sheet td ul.list li {
line-height:160%;
padding-left:18px;
margin-bottom:10px;
}
.sheet td ul.list li::before{
top:0.4em
}
} @media screen and (max-width : 639px){
.scroll{
overflow:auto!important;
white-space:nowrap;
display:block;
}
.scroll::-webkit-scrollbar{
height:5px;
}
.scroll::-webkit-scrollbar-track{
background:#f1f1f1;
}
.scroll::-webkit-scrollbar-thumb{
background:#bcbcbc;
}
.scroll .sheetEqual  {
table-layout: auto;
}
} dl.dllist{
width: 100%;
overflow: hidden;
background:#f5f5f5;
border-bottom:1px dotted #ddd;
}
.dllist dt, .dllist dd{
display: block;
float: left;
margin:0;
padding:15px 25px;
}
.dllist dt{
width: calc(25% - 50px);
clear: left;
border-top:1px dotted #ddd;
font-weight:600;
letter-spacing:0.1em;
color:#3d4159
}
.dllist dd{
width:  calc(75% - 50px);
background:#fff;
border-top:1px dotted #ddd;
}
@media screen and (max-width : 639px){
dl.dllist{
width: 100%;
background:none;
border-bottom:none;
}
.dllist dt, .dllist dd{
float:none;
width:calc(100% - 30px);
border-top:none;
}
.dllist dt{
border-bottom:1px dotted #ddd;
padding:5px 15px;
background:#fff;
}
.dllist dd{
border:none;
padding:10px 15px;
margin:0 0 15px 0;
}
} ul.list{
padding:30px 40px;
margin:0 0 25px;
overflow:hidden;
background:#f8f7f5;
}
ul.list li{
padding-left:25px;
margin:5px 0;
position:relative;
list-style:none;
}
ul.list li::before {
content: "";
width: 0.8em;
height: 0.8em;
background: #45576a;
border-radius: 100%;
position: absolute;
left: 0;
top: 0.6em;
}
ol.list{
counter-reset: my-counter;
list-style: none;
padding:30px 40px 30px 60px;
margin:0 0 25px;
overflow:hidden;
background:#f8f7f5;
}
ol.list li{
padding-left:5px;
margin:5px 0;
position: relative;
}
ol.list li:before{
content: counter(my-counter);
counter-increment: my-counter;
background-color: #45576a;
color: #fff;
display: block;
float: left;
line-height: 22px;
margin-left: -30px;
text-align: center;
height: 22px;
width: 22px;
border-radius: 50%;
margin-top:3px;
}
@media screen and (max-width : 639px){
ol.list li:before{
margin-top:0;
}
ul.list{
padding:15px 20px;
margin:0 0 20px;
}
} i{
color:#fff;
}
a:hover i{
color:#fff !important;
} blockquote {
background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
border: 1px solid #FFFFFF;
margin:0 0 40px 0;
padding: 60px 30px 15px;
position: relative;
border-radius:10px;
}
blockquote:before {
color: #C8C8C8;
content: "“";
font-family: serif;
font-size: 500%;
left: 0;
line-height: 1em;
position: absolute;
top: 15px;
left:15px;
} .fade_in {
opacity: 0;
transition-duration: 700ms;
transition-property: opacity, transform;
}
.fade_in_up {
transform: translate(0, 50px);
}
.fade_in_down {
transform: translate(0, -50px);
}
.fade_in_left {
transform: translate(-50px, 0);
}
.fade_in_right {
transform: translate(50px, 0);
}
.scroll_in {
opacity: 1;
transform: translate(0, 0);
}
@media screen and (max-width : 959px){
}
@media screen and (max-width : 639px){
.fade_in {
transition-duration: 1000ms;
}
} ul.tab{
margin:0 ;
padding:0;
text-align:center;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
}
ul.tab li{
display:block;
list-style-type:none;
margin:0;
width:33.333333%;
}
ul.tab li a{
background:#45576a;
color:#fff;
padding:10px ;
display:block;
text-align:left;
text-decoration:none;
font-size:16px;
position:relative;
text-align:center;
border-right:1px solid #eeebe5;
}
ul.tab li a:hover,
ul.tab li a.active{
background:#d50b7e;
}
ul.tab li:last-child a{
border-right:none;
}
ul.tab li a:hover:before,
ul.tab li a.active:before{
content:"";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #d50b7e;
position:absolute;
bottom:-10px;
left:50%;
transform:translateX(-50%);
}
.tabContent,
.tabContent2,
.tabContent3{
display: none;
}
.tabContent4{
visibility: hidden;
height:0;
}
@media screen and (max-width : 639px){
ul.tab li a{
font-size:12px;
padding:0 5px;
}
ul.tab li a:hover:before,
ul.tab li a.active:before{
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #416723;
bottom:-7px;
}
} .topcase ul.tab{
margin-bottom:40px;
}
.topcase ul.tab li a{
padding:5px;
font-size:13px;
line-height:120%;
letter-spacing:0;
height:3em;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
@media screen and (max-width : 959px){
}
@media screen and (max-width : 639px){
.topcase ul.tab{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin-bottom:20px;
}
.topcase ul.tab li a:hover:before,
.topcase ul.tab li a.active:before{
content:none;
}
.topcase ul.tab li a{
border-bottom:1px solid #eeebe5;
}
.topcase ul.tab li:last-child a{
border-right:1px solid #eeebe5;
}
}  #sp-contact{
position: fixed;
top: 50%;
right: 0;
transform:translatey(-50%);
z-index:100;
overflow:hidden;
margin:0;
padding:0;
}
#sp-contact li{
margin:0;
list-style:none;
}
#sp-contact li a{
display:block;
color:#3d4159;
text-decoration:none;
padding: 60px 10px 15px;
text-align:center;
border-radius:5px 0 0 5px;
}
#sp-contact li a:hover{
opacity:0.6;
}
@media screen and (max-width : 959px){
body{
padding-bottom:69px;
}
#sp-contact{
top: auto;
right: 0;
bottom:0;
transform:none;
width:100%;
}
#sp-contact li{
margin:0;
list-style:none;
width:50%;
float:left;
}
#sp-contact li a{
padding: 38px 5px 5px;
background:#f1efea url(//estest-dc.com/wp-content/themes/estest/img/icon_web.svg) no-repeat center 6px/26px;
border-right:1px solid #fff;
font-size:14px;
border-radius:0;
font-weight:700;
}
#sp-contact li:last-child a{
font-size:16px;
margin:0;
background:#f1efea url(//estest-dc.com/wp-content/themes/estest/img/icon_tel.svg) no-repeat center 10px/28px ;
border-right:none;
font-weight:700;
}
}  header{
width:100%;
background:#fff;
height:140px;
z-index:970;
position:sticky;
top:0;
}
header.fixed{
position:fixed;
height:120px;
}
header .uk-grid{
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: center;
align-items: center;
}
header .uk-grid,
header .uk-grid > *{
position:relative;
}
header .uk-grid >*:first-child{
width:30%;
}
.logo{
margin:0 0 0 8%;
position:relative;
}
.logo img{
height:90px;
}
.logo a:hover img{
opacity:1;
}
header.fixed .logo img{
height:70px;
}
.head_contact{
width:100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: center;
align-items: center;
margin:30px 0 25px;
}
.head_contact p{
display:inline-block;
font-size:14px;
text-align:left;
line-height:140%;
margin:0 0 0 30px;
color:#444;
position:relative;
}
.head_contact p:first-child{
padding-left:20px;
}
.head_contact p:first-child:before{
content:"";
background:url(//estest-dc.com/wp-content/themes/estest/img/icon_access.svg) no-repeat center center/contain;
width:16px;
height:16px;
position:absolute;
top:50%;
left:0;
transform:translatey(-50%);
}
.head_contact a{
text-decoration: none;
color: #444;
font-size: 28px;
position: relative;
padding-left: 30px;
letter-spacing: 0.1em;
}
.head_contact a:before {
content: "";
background: url(//estest-dc.com/wp-content/themes/estest/img/icon_tel.svg) no-repeat center center / contain;
width: 24px;
aspect-ratio: 1 / 1;
position: absolute;
top: 50%;
left: 0;
transform: translatey(-50%);
}
@media screen and (max-width : 959px){
header,
header.fixed,
header .uk-grid{
height:100px;
}
header .uk-grid >*:first-child{
width:40%;
}
.logo img,
header.fixed .logo img{
height:70px;
}
}
@media screen and (max-width : 639px){
header,
header.fixed,
header .uk-grid{
height:50px;
}
header .uk-grid >*:first-child{
width:60%;
}
.logo img,
header.fixed .logo img{
height:40px;
}
.logo{
margin:0 0 0 10px;
}
} #nav{
display:flex;
vertical-align:middle;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: center;
align-items: center;
margin:0 4% 0 auto;
width:auto;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
header.fixed #nav{
}
.nav_items{
padding:0 0 0 0;
margin:0;
position:relative;
display:flex;
-webkit-align-items: center;
align-items: center;
}
.nav_items > li {
display:block;
margin:  0;
padding:0;
position:relative;
text-align:left;
float:left;
text-align:center;
}
.nav_items > li > a,
.nav_items > li > span.nolink{
text-decoration:none;
color:#444;
font-size:20px;
font-size: clamp(16px, 1vw, 18px);
letter-spacing:0.05em;
margin:0 ;
padding:20px;
line-height:100%;
position:relative;
}
.nav_items > li > a:hover:before,
.nav_items > li > span.nolink:hover:before{
content:"";
background:#45576a;
width:50%;
height:2px;
position:absolute;
left:50%;
bottom:0;
transform:translateX(-50%);
}
.nav_items > li:last-child a img{
max-height:37px;
vertical-align:middle;
}
.nav_items > li:last-child a:hover:before{
content:none;
}
@media screen and (max-width : 1560px){
.nav_items > li > a,
.nav_items > li > span.nolink{
padding:20px 15px;
}
}
@media screen and (max-width : 1320px){
.nav_items > li > a,
.nav_items > li > span.nolink{
padding:20px 10px;
}
} #nav li.has-child > div{
position: absolute;
left:0;
top:46px;
z-index: 50;
visibility: hidden;
opacity: 0;
transition: all .3s;
background:#45576a;
width:280px;
margin:0;
}
#nav li.has-child:hover > div,
#nav li.has-child ul li:hover > div,
#nav li.has-child:active > div,
#nav li.has-child ul li:active > div{
visibility: visible;
opacity: 1;
}
#nav ul li ul{
list-style: none;
margin: 0;
padding: 0;
z-index:2000;
}
#nav ul li ul li{
margin:0;
display:block;
width:100%;
padding:0;
}
#nav ul li ul li a{
display:block;
font-size:14px;
font-weight:700;
color: #fff;
text-decoration:none;
line-height:140%;
text-align:left;
margin:0;
display: flex;
align-items: center;
padding:10px 15px 10px 40px;
position:relative;
border-bottom:1px dotted #fff;
background:url(//estest-dc.com/wp-content/themes/estest/img/more3.svg) no-repeat 15px center/15px;
}
#nav ul li ul li:last-child a{
border-bottom:none;
}
#nav ul li ul li a:hover{
background-color:#7f8a95;
} .menu_btn{
border:none;
z-index:1000;
vertical-align:middle;
background:none;
color:#45576a;
font-size:12px;
margin: 0 ;
height:80px;
outline:0;
letter-spacing:0.1em;
text-align:center;
padding:0;
position:fixed;
top:0;
right:0;
}
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger {
position: relative;
width: 100px;
height: 80px;
text-align:center;
display:block;
}
.menu-trigger:after{
content:"MENU";
text-align:center;
color:#45576a;
font-weight:700;
font-size:14px;
text-decoration:none;
position:absolute;
bottom:0;
left:50%;
transform:translatex(-50%);
}
button.active .menu-trigger:after{
content:"CLOSE"
}
.menu-trigger span {
position: absolute;
left: 50%;
transform:translateX(-50%);
width: 36px;
height: 3px;
background-color: #45576a;
}
button.active .menu-trigger span{
background-color: #45576a;
}
.menu-trigger span:nth-of-type(1) {
top: 25px;
}
.menu-trigger span:nth-of-type(2) {
top: 38px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 25px;
}
button.active .menu-trigger span:nth-of-type(1) {
-webkit-transform: translateY(15px) rotate(-45deg);
transform: translateY(15px) rotate(-45deg);
}
button.active .menu-trigger span:nth-of-type(2) {
opacity: 0;
}
button.active .menu-trigger span:nth-of-type(3) {
-webkit-transform: translateY(-12px) rotate(45deg);
transform: translateY(-12px) rotate(45deg);
}
button.active .menu-trigger span {
left: 30px;
}
@media screen and (max-width : 959px){
.menu-trigger {
width: 80px;
}
button.active .menu-trigger span {
left: 20px;
}
}
@media screen and (max-width : 639px){
.menu_btn{
height:50px;
top:0;
transform:none;
}
.menu-trigger {
position: relative;
width: 50px;
height: 50px;
}
.menu-trigger span {
width: 30px;
height: 3px;
}
.menu-trigger span:nth-of-type(1) {
top: 8px;
}
.menu-trigger span:nth-of-type(2) {
top: 16px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 23px;
}
button.active .menu-trigger span:nth-of-type(1) {
-webkit-transform: translateY(8px) rotate(-45deg);
transform: translateY(8px) rotate(-45deg);
}
button.active .menu-trigger span:nth-of-type(3) {
-webkit-transform: translateY(-9px) rotate(45deg);
transform: translateY(-9px) rotate(45deg);
}
button.active .menu-trigger span {
left: 10px;
}
.menu-trigger:after{
font-size:12px;
bottom:5px;
writing-mode: horizontal-tb;
}
} #toggle_nav{
position:fixed;
z-index: 999;
top:0;
right: -120%;
width:100%;
height:100vh;
background:#f5f5f5;
transition: all 0.7s;
overflow-y: scroll;
}
.toggle_inner{
padding:100px;
height:calc(100vh - 200px);
}
#toggle_nav.open{
right: 0;
}
.toggle_inner .uk-grid{
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-align-items: center;
align-items: center;
height:100%;
}
@media screen and (max-width : 639px){
.toggle_inner{
padding:80px 20px ;
}
} #toggle_nav ul {
padding:0;
overflow:hidden;
margin:0 0 60px;
}
#toggle_nav nav{
overflow:hidden;
}
#toggle_nav ul {
margin:0 20px;
float:left;
width:calc(50% - 40px);
}
#toggle_nav ul li{
margin:0;
}
#toggle_nav ul li ul{
float:none;
width:100%;
}
#toggle_nav ul li a{
display:block;
text-decoration:none;
color:#666;
font-size:12px;
padding:14px 20px 20px 0;
margin:0;
font-weight:600;
position:relative;
border-top:1px dotted #ddd;
}
#toggle_nav ul li:last-child a{
border-bottom:1px dotted #ddd;
}
#toggle_nav ul li a:before{
content:"";
background: url(//estest-dc.com/wp-content/themes/estest/img/more.svg) no-repeat center center/contain;
width:30px;
aspect-ratio: 1 / 1;
position:absolute;
right:20px;
top:calc(50% - 15px);
transition:0.4s;
}
#toggle_nav ul li.uk-open a:before{
transform: rotate(90deg); }
#toggle_nav ul li.uk-open ul.menu li a:before{
transform: none; }
#toggle_nav ul li a span,
.navbtn span{
display:block;
color:#3d4159;
font-size:18px;
line-height:120%;
font-weight:700;
}
#toggle_nav ul li a::first-letter{
color:#d50b7e;
}
#toggle_nav ul li ul.menu li a::first-letter{
color:#3d4159;
}
#toggle_nav ul li.uk-parent{
clear:both;
}
#toggle_nav ul li ul.menu{
padding:0;
margin:0 0 20px;
}
#toggle_nav ul li ul.menu li a{
display:block;
color:#3d4159;
font-size:14px;
padding:10px 10px 10px 40px ;
margin:0;
font-weight: 600;
text-align:left;
line-height:120%;
border:none;
}
#toggle_nav ul li ul.menu li a:before{
width:20px;
right:auto;
left:0;
top:calc(50% - 10px);
}
.uk-nav-parent-icon>.uk-parent>a::after{
content:none;
}
#toggle_nav ul li ul{
margin:0;
}
.menu_contact{
margin-top:40px;
}
.menu_contact a{
text-decoration:none;
font-size:30px;
position:relative;
padding-left:40px;
color:#45576a;
}
.menu_contact a:before{
content:"";
background:url(//estest-dc.com/wp-content/themes/estest/img/icon_tel.svg) no-repeat center center/cover;
width:30px;
height:30px;
position:absolute;
left:0;
top:50%;
transform:translatey(-50%);
}
@media screen and (max-width : 959px){
header #toggle_nav .uk-grid >* {
width: 100%;
}
.toggle_inner .uk-grid{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#toggle_nav nav{
margin:60px 0;
}
}
@media screen and (max-width : 639px){
#toggle_nav img{
width:60%;
}
#toggle_nav nav{
margin:30px 0;
}
#toggle_nav ul {
margin:0 10px;
width:calc(50% - 20px);
}
#toggle_nav ul li a{
font-size:10px;
padding:5px 30px 15px 0;
}
#toggle_nav ul li a span{
font-size:14px;
}
#toggle_nav ul li ul.menu li a{
font-size:14px;
padding-left:25px;
}
#toggle_nav ul li a:before,
#toggle_nav ul li a:hover:before{
width:25px;
right:0;
background-size:13px;
}
#toggle_nav ul li ul.menu li a:before{
width:18px;
}
.menu_contact{
margin-top:20px;
}
.menu_contact a{
font-size:20px;
padding-left:30px;
}
.menu_contact a:before{
width:20px;
height:20px;
}
}   #splash { position: fixed;
width: 100%;
height: 100%;
z-index: 999;
background:#f5f5f5;
text-align:center;
color:#fff;
} #splash_logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width:35%;
} #splash_logo img {
width:100%;
} .fadeUp{
animation-name: fadeUpAnime;
animation-duration:4.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
0% {
opacity: 0;
transform: translateY(100px);
}
50% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(0);
}
}
@media screen and (max-width : 959px){
#splash_logo{
width:60%;
}
}
@media screen and (max-width : 639px){
#splash_logo{
width:70%;
}
} .keyvfadeUp{
animation-name: keyvfadeUpAnime;
animation-duration:6.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes keyvfadeUpAnime{
0% {
opacity: 0;
transform: translateY(100px);
}
60% {
opacity: 0;
transform: translateY(100px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.keyv {
margin:20px;
height:calc(100vh - 180px);
position:relative;
}
.uk-slideshow-items{
min-height:calc(100vh - 180px)!important;
}
.uk-slideshow-items >*{
background:url(//estest-dc.com/wp-content/themes/estest/img/keyv1.jpg) no-repeat left center/120%;
height:100%;
width:100%;
margin:0;
}
.uk-slideshow-items >*:nth-child(2){
background:url(//estest-dc.com/wp-content/themes/estest/img/keyv2.jpg) no-repeat center center/cover;
}
.uk-slideshow-items >*:nth-child(3){
background:url(//estest-dc.com/wp-content/themes/estest/img/keyv5.jpg) no-repeat center center/cover;
}
.uk-slideshow-items >*:nth-child(4){
background:url(//estest-dc.com/wp-content/themes/estest/img/keyv4.jpg) no-repeat center center/cover;
}
.keyv_txt{
position:absolute;
top:0;
left:5%;
background:rgba(255,255,255,0.8);
height:100%;
display:flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
padding:0 40px;
}
.keyv_txt p{
font-size: 50px;
letter-spacing:0.05em;
line-height:170%;
color:#45576a;
text-align:center;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.keyv_txt p span{
display:block;
font-size: 22px;
color:#45576a;
line-height:220%;
margin-top:60px;
letter-spacing:0.03em;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media screen and (max-width : 959px){
.keyv {
height:600px;
}
.uk-slideshow-items{
min-height:600px!important;
}
.keyv_txt{
left:50%;
transform:translatex(-50%);
width:60%;
padding:0 25px;
}
.uk-slideshow-items >*{
background-size:cover;
}
}
@media screen and (max-width : 639px){
.keyv {
margin:0 ;
height:200px;
}
.uk-slideshow-items >*{
height:100%;
width:100%;
margin:0;
}
.uk-slideshow-items{
min-height:200px!important;
}
.keyv_txt{
width:60%;
padding:0 15px;
}
.keyv_txt p{
letter-spacing:0.1em;
font-size: 20px;
}
.keyv_txt p span{
margin-top:10px;
font-size: 12px;
}
} p.more{
margin: 50px auto  ;
text-decoration:none;
text-align:center;
}
.more a {
color: #45576a;
text-decoration:none;
display:inline-block;
font-size:18px;
background: url(//estest-dc.com/wp-content/themes/estest/img/more.svg) no-repeat right 40px center/24px;
border:solid 1px #45576a;
padding:20px 100px 20px 40px;
position: relative;
border-radius:3px;
}
.more a span{
color:#45576a;
}
.more a:hover {
background-image: url(//estest-dc.com/wp-content/themes/estest/img/more3.svg) ;
background-position:right 30px center;
background-color:#d50b7e;
color:#fff;
border:solid 1px #d50b7e;
}
.more a:hover span{
color: #fff;
}
.reserve .more a {
text-decoration:none;
display:inline-block;
font-size:18px;
background:#45576a url(//estest-dc.com/wp-content/themes/estest/img/more3.svg) no-repeat right 40px center/24px;
padding:20px 100px 20px 40px;
position: relative;
border-radius:3px;
}
.reserve .more a span {
color: #fff;	
}
.reserve .more a:hover {
background-color:#d50b7e;
}
.reserve-fix {
position:fixed;
right:0;
bottom:25%;
line-height:1.6em;
}
.reserve-fix a {
text-decoration:none;
color:#45576a;
border:solid 1px #45576a;
background-color:#fff;
font-size:18px;
border-radius:3px;
padding:40px 20px;
writing-mode: vertical-rl;
}
.reserve-fix a:hover {
background-color:#d50b7e;
border:solid 1px #d50b7e;
color:#fff;
}
.reserve-fix a:hover span {
color:#fff;
}
.reserve-fix a span {
writing-mode: horizontal-tb;
}
@media screen and (max-width : 959px){ .reserve-fix a {
background-color:#fff;
font-size:14px;
padding:20px 4px;
}
}
@media screen and (max-width : 639px){
p.more{
margin: 25px 0 0 0;
display:block;
}
p.more a{
display:block;
font-size:14px;
padding:10px 40px 10px 15px;
background-position:right 15px center;
}
} .content{
margin:0 0 160px;
}
@media screen and (max-width : 959px){
.content{
margin:0 0 80px;
}
}
@media screen and (max-width : 639px){
.content{
margin:0 0 40px;
}
} .top_title{
margin:0 0 80px;
line-height:180%;
text-align:center;
font-size:36px;
letter-spacing:0.12em;
position:relative;
padding-bottom:15px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
color:#222;
}
.top_title span{
display:block;
font-size:16px;
font-weight:600;
color:#aaa;
line-height:100%;
text-transform:uppercase;
letter-spacing:0.1em;
}
.top_title span::first-letter{
color:#d50b7e;
}
.top_title:before{
content:"";
background:#111;
height:1px;
width:70px;
position:absolute;
bottom:0;
left:50%;
transform:translatex(-50%);
}
@media screen and (max-width : 959px){
.top_title{
margin:0 0 50px;
}
}
@media screen and (max-width : 639px){
.top_title{
font-size:20px;
margin:0 0 25px;
line-height:160%;
padding-bottom:10px;
}
.top_title span{
font-size:12px;
}
.top_title:before{
height:1px;
width:40px;
}
} .topnews{
padding:160px 0 20px;
background:#f8f7f5;
position:relative;
}
.topnews .uk-container{
margin:0 auto;
max-width:1000px;
}
.news_important{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
margin:0 0 40px 0;
padding:0 30px 40px; 
border-bottom:1px solid #45576a;
}
.news_important > *:first-child{
padding:10px 30px 0 0;
}
.news_important h3{
font-size:22px;
}
.d-demo{
margin:100px 20px 0;
}
@media screen and (max-width : 959px){
.topnews{
padding:80px 0 20px;
}
.d-demo{
margin:80px 20px 0;
}
}
@media screen and (max-width : 639px){
.topnews{
padding:40px 0 10px;
}
.d-demo{
margin:30px 0 0;
}
.news_important{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin:0 0 20px 0;
padding:0 0 10px; 
}
.news_important > *:first-child{
padding:0;
width:100%;
margin:0 0 20px;
}
.news_important h3{
font-size:18px;
}
} .line-list{
padding:0;
list-style:none;
margin:0;
}
.line-list li{
margin:0;
}
.line-list li a{
text-decoration:none;
color:#000;
display:block;
padding:25px 30px ;
position:relative;
transition:0.4s;
border-bottom:1px solid #ddd;
}
.line-list li a:before{
content:"";
background:url(//estest-dc.com/wp-content/themes/estest/img/more.svg) no-repeat center center/contain;
width:30px;
aspect-ratio: 1 / 1;
position:absolute;
right:40px;
top:50%;
transform:translatey(-50%);
transition:0.4s;
}
.line-list li a:hover:before{
background-image:url(//estest-dc.com/wp-content/themes/estest/img/more2.svg);
right:30px;
}
.line-list li h3,
.line-list li h4{
display:inline-block;
font-size:16px;
margin: 0 0 0 20px;
vertical-align: middle;
line-height:160%;
width:calc(100% - 250px);
}
.line-list li a:hover {
background-color:#f1efea;	
}
.date{
display:inline-block;
color:#999;
font-size:12px;
line-height:100%;
margin:0 20px 0 0;
vertical-align:middle;
}
@media screen and (max-width : 959px){
}
@media screen and (max-width : 639px){
.date{
margin:0;
font-size:10px;
}
.line-list li a{
padding:5px;
}
.line-list li h3{
display:block;
margin: 3px 0 2px 0 ;
width:100%;
font-size:14px;
line-height:150%;
}
.line-list li a:before{
width:20px;
right:10px;
}
.line-list li a:hover:before{
right:0;
}
}  @keyframes infinity-scroll-left {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.d-demo__wrap {
display: flex;
overflow: hidden;
}
.d-demo__list {
display: flex;
list-style: none;
margin:0;
padding:0;
}
.d-demo__list--left{
animation :infinity-scroll-left 60s infinite linear 0.5s both;
}
.d-demo__item {
margin:0 5px;
width: calc(100vw / 3.3);
}
.demo__wrap:hover .d-demo__list--left{
animation-play-state: paused;
}
@media screen and (max-width : 639px){
.d-demo__item {
margin:0 2px;
width: calc(100vw / 2.1);
}
} .Topabout .uk-grid{
margin:0 0 120px ;
}
.Topabout{
position:relative;
}
.Topabout:before{
content:"";
background:rgba(247,247,247,0.6);
height:20%;
width:100%;
transform: skewY(10deg);
position:absolute;
top:15%;
}
.Topabout:after{
content:"";
background:rgba(247,247,247,0.6);
height:20%;
width:100%;
transform: skewY(-10deg);
position:absolute;
top:70%;
z-index:-1;
}
.about_img{
width:100%;
background:url(//estest-dc.com/wp-content/themes/estest/img/about1.jpg) no-repeat center 20%/cover;
height:100%;
}
.about_img2{
background:url(//estest-dc.com/wp-content/themes/estest/img/about2.jpg) no-repeat center center/140%;
}
.about_img3{
background:url(//estest-dc.com/wp-content/themes/estest/img/about3.jpg) no-repeat 70% 70%/160%;
}
.about_img4{
background:url(//estest-dc.com/wp-content/themes/estest/img/about4.jpg) no-repeat 20% 60%/140%;
}
.about_img5{
background:url(//estest-dc.com/wp-content/themes/estest/img/about5.jpg) no-repeat center center/cover;
}
.about_txt{
margin:0 auto;
padding:60px 60px 0;
}
.about_txt h3{
font-size:28px;
margin:0 0 40px;
color:#45576a;
color:#111;
letter-spacing:0.08em;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.about_txt p:last-child{
color:#aaa;
text-align:right;
font-style:italic;
font-size:50px;
letter-spacing:0.08em;
position:relative;
margin:0;
}
.about_txt p:last-child:before{
content:"";
background:#aaa;
height:1px ;
width:80%;
position:absolute;
top:50%;
left:0;
transform:translatey(-50%);
}
.recruit_movie{
margin-top:80px;
}
.recruit_movie iframe{
border-radius:20px;
}
@media screen and (max-width : 959px){
.Topabout .uk-grid{
margin:0 0 60px ;
}
.about_img{
height:400px;
}
}
@media screen and (max-width : 639px){
.Topabout .uk-grid{
margin:0 ;
}
.about_img{
height:200px;
}
.about_txt{
margin:0 auto;
padding:30px 15px 20px;
}
.about_txt h3{
font-size:18px;
margin:0 0 20px;
}
.about_txt p:last-child{
font-size:30px;
}
.recruit_movie{
margin-top:30px;
}
.recruit_movie .uk-grid >*{
padding-left:0;
}
.recruit_movie .uk-grid >* p{
margin-top:20px;
}
} .Topmenu{
position:relative;
z-index:20;
margin:160px 0;
}
.Topmenu .uk-container{
background:#fff;
padding-top:100px;
}
.Topmenu1{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu1.jpg) no-repeat center center/cover;
height:520px;
width:100%;
margin-bottom:-100px;
}
.Topmenu2{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu2.jpg) no-repeat center bottom/cover;
height:520px;
width:100%;
margin-bottom:-100px;
}
.Topmenu3{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu3.jpg) no-repeat center bottom/cover;
height:520px;
width:100%;
margin-bottom:-100px;
}
.Topmenu h3{
text-align:center;
color:#45576a;
font-size:30px;
margin-bottom:50px;
}
.Topmenu h2 +p{
text-align:center;
margin:0 0 80px;
}
.menu_img {
width:400px;
border-radius:200px;
margin:0 auto;
aspect-ratio: 1 / 1;
}
.menu1-1{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu1-1.jpg) no-repeat 10% center/180%;
}
.menu1-2{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu1-2.jpg) no-repeat center center/cover;
}
.menu1-3{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu1-3.jpg) no-repeat 20% center/200%;
}
.menu1-4{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu1-4.jpg) no-repeat center center/cover;
}
.menu1-5{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu1-5.jpg) no-repeat center bottom/220%;
}
.menu2-1{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu2-1.jpg) no-repeat center center/cover;
}
.menu2-2{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu2-2.jpg) no-repeat center center/cover;
}
.menu2-3{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu2-3.jpg) no-repeat center bottom/200%;
}
.menu2-4{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu2-4.jpg) no-repeat center center/cover;
}
.menu2-5{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu2-5.jpg) no-repeat center center/cover;
}
.menu3-1{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu3-1.jpg) no-repeat center center/cover;
}
.menu3-2{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu3-21.jpg) no-repeat center center/cover;
}
.menu3-3{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu3-3.jpg) no-repeat center center/cover;
}
.menu3-4{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu3-2.jpg) no-repeat center center/cover;
}
.menu3-5{
background:url(//estest-dc.com/wp-content/themes/estest/img/menu3-4.jpg) no-repeat center center/cover;
}
@media screen and (max-width : 959px){
.Topmenu{
margin:80px 0;
}
.Topmenu .uk-container{
padding-top:60px;
}
.Topmenu1,
.Topmenu2,
.Topmenu3{
height:300px;
margin-bottom:0;
}
}
@media screen and (max-width : 639px){
.Topmenu{
margin:40px 0;
}
.Topmenu .uk-container{
padding-top:40px;
}
.Topmenu1,
.Topmenu2,
.Topmenu3{
height:200px;
}
.Topmenu h3{
font-size:20px;
margin-bottom:20px;
}
.Topmenu h3 +p{
text-align:left;
margin:0 0 40px;
}
.menu_img {
width:260px;
}
.Topmenu .uk-grid {
display:block;
}
} .slider {
width:100%;
margin:0 auto;
list-style:none;
padding:0;
}
.slider li{
margin:0;
padding:0;
outline: none;
text-align:center;
}
.slider .slick-slide {
transform: scale(0.7); transition: all .5s; }
.slider .slick-slide .product_txt{
visibility:hidden;
opacity:0;
transition: all .5s;
max-width:440px;
margin:0 auto;
}
.slider .slick-slide.slick-center{
transform: scale(1); transition: all .5s;
}
.slider .slick-slide.slick-center .product_txt{
visibility:visible;
opacity:1;
transition: all .5s;
} .slider .slick-slide .menu_img{
position:relative;
}
.slider .slick-slide .menu_img:before{
content:"";
background:rgba(127,127,127,0.3);
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
border-radius:200px;
}
.slider .slick-slide.slick-center .menu_img:before{
content:none;
}
.product_txt h4{
font-size:28px;
text-align:center;
margin:40px 0 30px;
color:#45576a;
color:#111;
line-height:180%;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.product_txt h4 span{
display:block;
color:#aaa;
font-size:40px;
font-style:italic;
margin:0 0 10px;
}
.product_txt p{
margin:0;
text-align:left;
}
@media screen and (max-width : 959px){
.slider li{
width:90vw;
}
}
@media screen and (max-width : 639px){
.product_txt h4{
font-size:18px;
margin:20px 0 15px;
}
.product_txt h4 span{
font-size:20px;
margin:0;
}
} .Topother{
padding:140px 0 100px;
background:#f7f7f7;
}
.Topother .uk-grid > *{
margin-bottom:30px;
}
.Topother a{
text-decoration:none;
position:relative;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
padding:20px;
aspect-ratio: 1 / 1;
}
.Topother a:hover{
background-color:#ededef;
}
.Topother a > div > div{
background: url(//estest-dc.com/wp-content/themes/estest/img/other1.svg) no-repeat center center/contain;
height:100px;
width:150px;
margin:0 auto 25px ;
transition:0.4s;
}
.Topother a > div > div.other2{
background-image:url(//estest-dc.com/wp-content/themes/estest/img/other2.svg) ;
width:80px;
}
.Topother a > div > div.other2-2{
background-image:url(//estest-dc.com/wp-content/themes/estest/img/other2-2.svg) ;
width:80px;
}
.Topother a > div > div.other3{
background-image:url(//estest-dc.com/wp-content/themes/estest/img/other3.svg) ;
}
.Topother a > div > div.other4{
background-image:url(//estest-dc.com/wp-content/themes/estest/img/other4.svg) ;
width:140px;
}
.Topother a > div > div.other5{
background-image:url(//estest-dc.com/wp-content/themes/estest/img/other5.svg) ;
}
.Topother a > div > div.other6{
background-image:url(//estest-dc.com/wp-content/themes/estest/img/other6.svg) ;
}
.Topother a > div > div.other7{
background-image:url(//estest-dc.com/wp-content/themes/estest/img/other7.svg) ;
}
.Topother a > div > div.other8{
background-image:url(//estest-dc.com/wp-content/themes/estest/img/other8.svg) ;
background-size:60%;
}
.Topother a > div > div.other9{
background-image:url(//estest-dc.com/wp-content/themes/estest/img/other9.svg) ;
}
.Topother a h3{
font-size:20px;
margin:0;
color:#45576a;
color:#222;
text-align:center;
width:100%;
}
@media screen and (max-width : 959px){
.Topother{
padding:80px 0 60px;
}
.Topother a{
aspect-ratio: auto;
}
}
@media screen and (max-width : 639px){
.Topother .uk-grid{
margin-left:-10px;
}
.Topother .uk-grid >*{
padding-left:10px;
margin-bottom:0;
}
.Topother{
padding:40px 0 30px;
}
.Topother a > div > div{
height:70px;
width:100px;
margin:0 auto 15px ;
}
.Topother a{
padding:15px 0;
}
.Topother a h3{
font-size:15px;
}
.Topother a > div > div.other2{
width:50px;
}
.Topother a > div > div.other4{
width:80px;
}
} .Topnayami{
background:#e1e9f2;
background:#45576a;
background: linear-gradient(#26afb4, #45576a);
background: linear-gradient(rgba(38,174,180,0.6), rgba(68,88,107,0.6));
padding:140px 0;
}
.Topnayami .top_title{
color:#fff;
}
.Topnayami .top_title:before{
background-color:#fff;
}
.Topnayami .top_title span{
color:#fff;
}
.Topnayami .uk-grid >*{
margin-bottom:30px;
}
.Topnayami .uk-grid >* a{
display:flex;
align-items: center;
background:#fff url(//estest-dc.com/wp-content/themes/estest/img/more.svg) no-repeat right 20px center/25px;
width:100%;
padding:20px 50px 20px 70px;
color:#45576a;
text-decoration:none;
font-size:18px;
border-radius:2px;
border:1px solid rgba(0,0,0,0);
position:relative;
}
.Topnayami .uk-grid >* a:hover{
background-image:url(//estest-dc.com/wp-content/themes/estest/img/more2.svg);
background-position:right 10px center;
color:#d50b7e;
border-color:#d50b7e
}
.Topnayami .uk-grid >* a:before{
content:"";
background: url(//estest-dc.com/wp-content/themes/estest/img/other2.svg) no-repeat center center/80%;
height:40px;
aspect-ratio: 1 / 1;
position:absolute;
top:50%;
left:15px;
transform:translatey(-50%);
}
.Topnayami .uk-grid >* a.nayami1:before{
background-image: url(//estest-dc.com/wp-content/themes/estest/img/other2.svg) ;
}
.Topnayami .uk-grid >* a.nayami2:before{
background-image: url(//estest-dc.com/wp-content/themes/estest/img/other1.svg) ;
}
.Topnayami .uk-grid >* a.nayami3:before{
background-image: url(//estest-dc.com/wp-content/themes/estest/img/other3.svg) ;
}
.Topnayami .uk-grid >* a.nayami4:before{
background-image: url(//estest-dc.com/wp-content/themes/estest/img/other4.svg) ;
}
.Topnayami .uk-grid >* a.nayami5:before{
background-image: url(//estest-dc.com/wp-content/themes/estest/img/other7.svg) ;
}
.Topnayami .uk-grid >* a.nayami6:before{
background-image: url(//estest-dc.com/wp-content/themes/estest/img/other9.svg) ;
background-size:contain;
}
.Topnayami .uk-grid >* a.nayami7:before{
background-image: url(//estest-dc.com/wp-content/themes/estest/img/other6.svg) ;
}
.Topnayami .uk-grid >* a.nayami8:before{
background-image: url(//estest-dc.com/wp-content/themes/estest/img/other5.svg) ;
}
.Topnayami .uk-grid >* a.nayami9:before{
background-image: url(//estest-dc.com/wp-content/themes/estest/img/other8.svg) ;
}
@media screen and (max-width : 959px){
.Topnayami{
padding:80px 0;
}
}
@media screen and (max-width : 639px){
.Topnayami{
padding:40px 0;
}
.Topnayami .uk-grid >*{
margin-bottom:10px;
}
.Topnayami .uk-grid >* a{
background:#fff url(//estest-dc.com/wp-content/themes/estest/img/more.svg) no-repeat right 20px center/15px;
padding:15px 40px 15px 70px;
font-size:15px;
}
} .Topgreeting{
position:relative;
}
.Topgreeting .uk-grid{
position:relative;
}
.Topgreeting:before{
content:"";
background:rgba(247,247,247,0.6);
height:50%;
width:100%;
transform: skewY(-10deg);
position:absolute;
top:40%;
z-index:-1;
}
.greeting_txt{
padding:40px 60px;
margin-top:100px;
}
.greeting_img{
background:url(//estest-dc.com/wp-content/themes/estest/img/doctor.jpg) no-repeat center 30%/cover;
height:790px;
width:100%;
}
.greeting_img2{
background:url(//estest-dc.com/wp-content/themes/estest/img/doctor2.jpg) no-repeat center 30%/cover;
height:389px;
width:100%;
}
@media screen and (max-width : 959px){
.greeting_txt{
margin-top:0;
}
.greeting_txt p.more{
margin-bottom:0;
}
}
@media screen and (max-width : 639px){
.greeting_img{
height:300px;
}
.greeting_img2{
height:180px;
}
.greeting_txt{
padding:20px 15px;
}
} .Topclinic{
background:url(//estest-dc.com/wp-content/themes/estest/img/bg_img.jpg) no-repeat center bottom/cover;
padding:0 0 160px;
}
.Topclinic h2{
margin-bottom:60px;
}
.Topclinic h3{
text-align:center;
color:#45576a;
color:#111;
font-size:28px;
margin:0 0 60px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.Topclinic h3 + p{
text-align:center;
margin:0 0 100px;
}
.Topclinic iframe{
aspect-ratio: 16 / 9;
}
@media screen and (max-width : 959px){
.Topclinic{
padding:0 0 80px;
}
.Topclinic h2{
margin-bottom:40px;
}
.Topclinic h3{
font-size:28px;
margin:0 0 40px;
}
.Topclinic h3 + p{
text-align:left;
margin:0 0 20px;
}
.Topclinic iframe{
margin-top:40px;
}
}
@media screen and (max-width : 639px){
.Topclinic{
padding:0 0 30px;
}
.Topclinic h2{
margin-bottom:30px;
}
.Topclinic h3{
font-size:18px;
margin:0 0 20px;
}
.Topclinic h3 + p{
margin:0 ;
}
.Topclinic iframe{
margin-top:20px;
}
}  .contents {
margin:0 auto 160px;
max-width:1080px;
}
.page_contents{
margin:0 auto 160px;
max-width:1400px;
}
.contents_area .uk-grid >* img{
margin:0 auto 20px;
}
.contents_area section{
overflow:hidden;
clear:both;
}
.contents_area section div{
overflow:hidden;
}
.contents_area section:first-child > h2,
.contents_area >:first-child.title1{
margin-top:0;
}
.contents_area h2,
.contents_area h3,
.contents_area h4{
clear:both;
}
.contents_area h2 + .uk-grid >* h3{
margin-top:0;
}
.contents_area h2 + .uk-grid >*>*:last-child {
margin-bottom:40px;
}
.contents_area .top_title{
margin:40px 0 80px;
}
.contents_area p.more{
max-width:380px;
margin-bottom:40px;
}
.contents_area .uk-grid > p.more {
display:block;
max-width:initial;
width:auto;
}
@media screen and (max-width : 959px){
.contents_area .top_title{
margin:40px 0 60px;
}
.contents,
.page_contents{
margin:0 auto 80px;
}
}
@media screen and (max-width : 639px){
.contents,
.page_contents{
margin:0 auto 40px;
}
.contents_area .uk-align-right,
.contents_area .uk-align-left{
display:block;
float:none;
margin:0 auto 20px;
}
.contents_area .uk-align-right img,
.contents_area .uk-align-left img{
display:block;
margin:0 auto ;
}
.contents_area .uk-align-right img.width100,
.contents_area .uk-align-left img.width100{
max-width:100%;
}
.contents_area .top_title{
margin:30px 0 40px;
}
.contents_area p.more{
max-width:initial;
margin-bottom:20px;
}
.contents_area .uk-grid > p.more {
margin-top:15px;
width:100%;
}
} .page_keyv{
background:url(//estest-dc.com/wp-content/themes/estest/img/page_keyv.jpg) no-repeat center 70%/cover ;
height:300px;
position:relative;
}
.page_26 .page_keyv{
background:url(//estest-dc.com/wp-content/uploads/2026/02/invisalign_title.jpg) no-repeat center 40%/cover ;
height:400px;
}
.page_26 .page_keyv:before{
content:"";
background:url(//estest-dc.com/wp-content/uploads/2026/02/txt.png) no-repeat center center/contain;
width:60%;
height:60%;
position:absolute;
bottom:10%;
right:0;
}
.page_26 .page_keyv:after{
content:"歯並びで悩むのは、もうやめよう";
position:absolute;
top:15%;
right:0;
width:60%;
height:40%;
font-size:34px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
text-align:center;
color:#45576a;
} .page_690 .page_keyv{
background:url(//estest-dc.com/wp-content/themes/estest/img/recruit_img.jpg) no-repeat center 60% /cover;
}
.page_recruit .page_keyv{
height:500px;
background:url(//estest-dc.com/wp-content/themes/estest/img/recruit_img.jpg) no-repeat center 65% /cover;
margin:0 0 160px;
}
@media screen and (max-width : 959px){
.page_keyv{
height:200px;
}
}
@media screen and (max-width : 639px){
.page_keyv{
height:140px;
}
.page_34 .page_keyv{
background-size:auto 100% ;
}
.page_26 .page_keyv{
height:200px;
}
.page_26 .page_keyv:after{
font-size:20px;
line-height:140%;
width:50%;
top:15%;
}
.page_26 .page_keyv:before{
bottom:0;
width:55%;
}
} .bl{
padding: 20px 40px;
margin:0;
overflow:hidden;
}
.bl ul{
padding:0;
margin:0;
float:right;
}
.bl a,
.bl ul li,
.uk-breadcrumb>li:not(.uk-active)>span{
font-size:12px;
margin:0;
color:#111;
display:inline-block;
}
.uk-breadcrumb>li:nth-child(4) span,
.uk-breadcrumb>li:nth-child(3) span{
max-width:15em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-top:0.5em;
line-height:100%;
}
.uk-breadcrumb>*{
flex:initial;
}
@media screen and (max-width : 959px){
.bl{
padding: 20px;
}
}
@media screen and (max-width : 639px){
.bl{
padding: 10px;
}
.bl a,
.bl,
.uk-breadcrumb>li:not(.uk-active)>span,
.bl ul li{
font-size:10px;
}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{
margin: 0 5px;
}
.uk-breadcrumb>*>*{
display:inline;
}
} .title1,
.single h2{
margin:60px 0 40px 0;
padding:20px ;
font-size:24px;
font-weight:600;
letter-spacing:0.15em;
line-height:160%;
border-top:3px solid #45576a;
border-bottom:3px double #ddd;
position:relative;
text-align:center;
background:#fff;
color:#45576a;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.title2,
.single h3{
font-size:20px;
margin:40px 0 30px 0;
font-weight:600;
letter-spacing:0.1em;
padding:12px 15px 12px 30px;
position:relative;
background:#f5f5f5;
color:#45576a;
}
.single h3{
background:#fff;
}
.title2:before,
.single h3:before{
content:"";
background:#45576a;
height:70%;
width:4px;
position:absolute;
top:15%;
left:10px;
}
p.title2{
margin-top:0;
}
.title2 span,
.single h3 span{
font-size:180%;
color:#5e7d9f;
display:inline-block;
margin-right:10px;
vertical-align:middle;
font-style:italic;
}
.title3,
.single h4{
font-size:18px;
margin:40px 0 20px 0;
padding:0 0 10px 10px;
letter-spacing:0.05em;
border-bottom:double 3px #ddd;
font-weight:600;
color:#45576a;
}
.small{
font-size:80%;
color:#666;
}
@media screen and (max-width : 959px){
}
@media screen and (max-width : 639px){
.title1,
.single h2{
margin:30px 0 20px 0;
padding:12px 10px;
font-size:17px;
letter-spacing:0.05em;
}
.title2,
.single h3{
font-size:16px;
margin:25px 0 20px 0;
letter-spacing:0.05em;
padding:10px 10px 10px 25px;
}
.title3,
.single h4{
margin:20px 0 15px 0;
font-size:14px;
padding:10px 0;
}
} .cta{
padding:60px 40px;
background:#f5f5f5;
margin:40px 0;
}
.cta2{
padding:60px ;
background: linear-gradient(90deg, #d8248b, #e49ec5 10%, #f4ecd6 50%, #cce9e9 90%, #26f9f3);
margin:40px 0;
position:relative;
}
.cta2:before{
content:"";
background:#fff;
width:calc(100% - 30px);
height:calc(100% - 30px);
position:absolute;
top:15px;
left:15px;
border-radius:10px;
padding:
}
.cta2 .uk-grid{
position:relative;
}
.ct_ttl {
text-align: center;
font-size: 20px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-weight: normal;
letter-spacing: 0.02em;
margin: 0 0 25px;
}
.cta .cv_contact {
margin-top:20px;
}
.cta .cv_contact >*:last-child a{
width:100px;
height:41px;
padding-top:60px;
background-size:30px;
font-size:15px;
background-position:center 20px;
}
.cta .cv_contact >*:first-child p{
font-size:14px;
line-height:160%;
margin:0;
}
.cta .cv_contact >*:first-child p a{
font-size:24px;
padding-left:30px;
}
.cta .cv_contact > div p a:before{
width:20px;
}
@media screen and (max-width : 959px){
.cta2 .uk-grid >*:last-child{
margin:40px 0 0 0;
}
.cta2 .cv_contact{
margin:0;
}
.cta2 .cv_contact >*:last-child{
margin:0;
}
.cta2 .cv_contact >*:last-child a{
width: 180px;
height: 62px;
padding-top: 120px;
background-size: 60px;
font-size: 20px;
background-position: center 40px;
border-radius:100px;
}
.cta .cv_contact >*:first-child p a{
font-size:30px;
}
}
@media screen and (max-width : 639px){
.cta{
padding:30px 20px;
margin:30px 0;
}
.cta2{
padding:30px;
}
.cta .cv_contact >*:last-child a{
display: block;
background: #5e7d9f url(//estest-dc.com/wp-content/themes/estest/img/icon_web.svg) no-repeat 30px center/40px;
aspect-ratio: auto;
width: 100%;
height: auto;
border-radius: 10px;
padding: 25px 10px 25px 50px;
font-size: 18px;
margin-top: 20px;
}
} .flow{
background:#f5f5f5;
padding:30px 40px  ;
border-radius:10px;
overflow:hidden;
}
.flow .title2{
margin-top:0;
background:#fff;
}
.flow ul.list{
background:#fff;
}
.flow ol.list{
background:#fff;
}
.triangle{
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #f5f5f5;
margin:0 auto 10px;
}
@media screen and (max-width : 639px){
.flow{
padding:15px 15px 0;
}
} .sBox{
padding:30px;
margin:30px 0;
background:#fff;
clear:both;
border:solid 1px #ddd;
}
.sBox > *:last-child{
margin-bottom:0;
}
.sBox > *:first-child{
margin-top:0;
}
@media screen and (max-width : 639px){
.sBox{
padding:15px;
}
} .page_recruit .uk-container{
max-width:1400px;
}
.page_recruit section.box{
background:#f7f7f7;
border-radius:30px;
padding:120px 100px 80px;
margin:0 100px 100px;
position:relative;
}
.page_recruit section.box div{
overflow:hidden;
}
.page_recruit h2{
background-image: linear-gradient(90deg, rgba(213, 11, 126, 1), rgba(182, 150, 191, 1) 58%, rgba(102, 210, 208, 0.56));
border-radius:80px;
padding:30px;
margin: 0 100px;
text-align:center;
font-weight:bold;
color:#fff;
letter-spacing:0.1em;
font-size:34px;
}
.page_recruit .box h2{
position:absolute;
top:-50px;
left:0;
width:calc(100% - 260px);
}
.page_recruit h3{
text-align:center;
margin:80px 0 60px;
font-size:32px;
font-weight:bold;
color:#45576a;
letter-spacing:0.1em;
}
.page_recruit h3 span{
color:#45576a;
position:relative;
padding:0 25%;
display:inline-block;
}
.page_recruit h3 span:before{
content:"";
background:#45576a;
height:1px;
width:20%;
position:absolute;
top:50%;
left:0;
}
.page_recruit h3 span:after{
content:"";
background:#45576a;
height:1px;
width:20%;
position:absolute;
top:50%;
right:0;
}
.page_recruit p{
font-size:18px;
}
.page_recruit h2,
.page_recruit h3{
clear:both;
}
.page_recruit img{
background:#fff;
padding:10px;
border-radius:30px;
}
.page_recruit .Topabout .uk-container{
position:relative;
margin-bottom:60px;
}
@media screen and (max-width : 959px){
.page_recruit section.box{
border-radius:20px;
padding:100px 40px 40px;
margin:0 40px 80px;
}
.page_recruit h2{
padding:20px 30px;
margin: 0 30px;
font-size:30px;
}
.page_recruit .box h2{
width:calc(100% - 120px);
}
.page_recruit .box .uk-align-right,
.page_recruit .box .uk-align-left{
float:none;
text-align:center;
margin:0 0 20px;
}
.page_recruit h3{
margin:60px 0 40px;
}
.page_recruit .page_keyv{
margin-bottom:120px;
}
}
@media screen and (max-width : 639px){
.page_recruit .page_keyv{
margin-bottom:40px;
height:260px;
}
.page_recruit section.box{
padding:60px 20px 20px;
margin:0 20px 60px;
}
.page_recruit h2{
padding:10px 20px;
margin: 0 20px;
font-size:18px;
}
.page_recruit .box h2{
width:calc(100% - 80px);
top:-25px;
}
.page_recruit p{
font-size:15px;
}
.page_recruit h3{
margin:40px 0 20px;
font-size:18px;
}
.page_recruit h3 span{
padding:0 15%;
}
.page_recruit h3 span:before,
.page_recruit h3 span:after{
width:12%;
}
} .recruit_box >*{
margin-bottom:80px;
}
.recruit_box h3{
margin:40px 0 30px;
}
.recruit_box p.more{
margin:15px 0 0 0;
}
.recruit_box p.more a{
background:#45576a url(//estest-dc.com/wp-content/themes/estest/img/more3.svg) no-repeat 15px center/20px;
color:#fff;
padding:15px 15px 15px 40px;
font-size:16px;
display:block;
line-height:140%;
}
.recruit_box p.more a:hover{
background:#d50b7e url(//estest-dc.com/wp-content/themes/estest/img/more3.svg) no-repeat 15px center/20px;
}
.uk-modal-dialog {
width:800px;
}
.uk-modal-close{
text-align:center;
cursor:pointer;
}
.uk-modal-dialog h3{
color:#45576a;
text-align:center;
}
@media screen and (max-width : 639px){
.recruit_box >*{
margin-bottom:40px;
}
.recruit_box h3{
margin:20px 0 15px;
}
} .widget_side{
position: sticky;
top: 140px;
}
div#ez-toc-container{
width:calc(100% - 50px)!important;
padding:30px;
border-radius:0;
margin-bottom:60px;
box-shadow:none;
border:none;
}
div#ez-toc-widget-container{
border-radius:0;
margin-bottom:60px;
box-shadow:none;
border:none;
}
div#ez-toc-container .ez-toc-title,
div#ez-toc-widget-container .ez-toc-title{
font-weight:bold!important;
color:#45576a;
}
div#ez-toc-widget-container .ez-toc-title{
padding: 10px;
text-align: center;
letter-spacing: 0.1em;
font-size: 17px;
font-weight: normal;
margin: 0;
color: #45576a;
background: #fff;
border-top: 2px solid #45576a;
border-bottom: 3px double #ddd;
display:block;
}
#ez-toc-container.counter-hierarchy ul,
#ez-toc-widget-container.counter-hierarchy ul{
margin-top:20px;
}
#ez-toc-widget-container.counter-hierarchy ul{
padding:0;
}
#ez-toc-container.counter-hierarchy ul li a,
#ez-toc-widget-container.counter-hierarchy ul li a{
display:block;
border-bottom:1px dashed #aaa;
padding:5px 45px 5px 10px;
background:url(//estest-dc.com/wp-content/themes/estest/img/more.svg) no-repeat right 15px center/20px;
color:#111;
text-decoration:none;
}
#ez-toc-widget-container.counter-hierarchy ul li a{
font-size:13px;
}
#ez-toc-container.counter-hierarchy ul li a:hover,
#ez-toc-widget-container.counter-hierarchy ul li a:hover{
background:#f5f5f5 url(//estest-dc.com/wp-content/themes/estest/img/more.svg) no-repeat right 10px center/20px;
text-decoration:none;
color:#d50b7e;
}
#ez-toc-container.counter-hierarchy ul li:last-child,
#ez-toc-widget-container.counter-hierarchy ul li:last-child{
margin-bottom:10px;
}
.ez-toc-title-container{
text-align:center;
}
#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active a{
color:#d50b7e;
}
@media screen and (max-width : 959px){
}
@media screen and (max-width : 639px){
div#ez-toc-container{
width:calc(100% - 35px)!important;
padding:15px 15px 10px ;
margin-bottom:0;
}
#ez-toc-container.counter-hierarchy ul{
margin-top:15px;
}
#ez-toc-container.counter-hierarchy ul li a,
#ez-toc-container.counter-hierarchy ul li a:hover{
background-position:right 5px center;
background-size:15px;
font-size:12px;
}
} .page_point .uk-grid >*{
margin-bottom:40px;
}
.page_point h4{
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: center;
align-items: center;
color:#d50b7e;
font-weight:bold;
}
.page_point h4 span{
position:relative;
color:#fff;
background:#45576a;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width:40px;
height:40px;
aspect-ratio: 1 / 1;
border-radius:25px;
margin:15px 20px 0 0;
}
.page_point h4 span:before{
content:"メリット";
position:absolute;
top:-15px;
left:50%;
transform:translatex(-50%);
font-size:10px;
font-weight:bold;
width:100%;
color:#45576a;
letter-spacing:0;
}  .accordion-area{
list-style: none;
width: 100%;
padding:0;
}
.accordion-area li{
margin: 0;
background:#fff;
}
.accordion-area li:last-child{
border-bottom: 1px solid #ddd;
}
.accordion-area section {
border-top: 1px solid #ddd;
} .faq_title {
position: relative; cursor: pointer;
font-weight: normal;
padding: 20px 40px 20px 15px;
transition: all .5s ease;
margin:0;
}
.faq_title span{
position: relative;
padding-left:35px;
display:inline-block;
}
.faq_title span:before{
content:"Q.";
position:absolute;
top:50%;
left:0;
color:#45576a;
transform:translatey(-50%);
font-size:160%;
} .faq_title::before,
.faq_title::after{
position: absolute;
content:'';
width: 15px;
height: 2px;
background-color: #999;
}
.faq_title::before{
top:49%;
right: 15px;
transform: rotate(0deg);
}
.faq_title::after{
top:49%;
right: 15px;
transform: rotate(90deg);
} .faq_title.close::before{
transform: rotate(45deg);
}
.faq_title.close::after{
transform: rotate(-45deg);
} .faq_box {
display: none; background: #f5f5f5;
margin:0 0 30px;
padding: 30px 30px 30px 60px;
position:relative;
}
.faq_box:before {
content:"A.";
position:absolute;
top:50%;
left:25px;
color:#d50b7e;
transform:translatey(-50%);
font-size:160%;
}
.faq_box p:last-child{
margin:0;
}
@media screen and (max-width : 639px){
.faq_box {
margin:0 0 20px;
padding: 20px 20px 20px 50px;
}
.faq_title {
padding: 15px 40px 15px 10px;
}
.faq_title span{
padding-left:30px;
}
.faq_box:before {
left:15px;
}
} .faq_list{
padding:0;
margin:0;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left:-30px;
}
.faq_list li{
list-style:none;
padding:0;
width:calc(33.33% - 30px);
margin:0 0 15px 0;
padding-left:30px;
}
.faq_list li a{
text-decoration:none;
display:block;
font-weight:600;
padding:15px 60px 15px 15px;
background:#f5f5f5;
border-radius:5px;
position:relative;
height:100%;
}
.faq_list li a:before{
left:auto;
right:15px;
top:50%;
transform:translatey(-50%);
}
.faq_list li a:hover{
background:#f7ea81;
color:#3d4159;
}
.faq_list li a:hover:before{
right:5px;
}
@media screen and (max-width : 959px){
.faq_list li{
width:calc(50% - 30px);
}
}
@media screen and (max-width : 639px){
.faq_list{
margin-left:0;
}
.faq_list li{
width:100%;
margin:0 0 5px 0;
padding-left:0;
}
} .movie iframe{
aspect-ratio: 16 / 9;
}
.about_title h2{
text-align:center;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
color:#45576a;
}
.about_title h3{
text-align:center;
}
.about_title img{
margin-bottom:40px;
}
.access2.uk-grid > *{
margin-bottom:40px;
}
@media screen and (max-width : 959px){
}
@media screen and (max-width : 639px){
}  .singlepage{
margin:40px auto 160px;
}
.archivelist{
margin:0 auto 160px;
}
.uk-container .single{
background:#f5f5f5;
padding:60px ;
}
.singlepage .top_title{
margin:0 0 30px;
font-size:24px;
}
.singlepage .top_title span{
margin-top:15px;
}
.single_more >* p.more a{
line-height:140%;
font-size:13px;
height: 1.5em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width:20em;
}
.single_more p.more a span{
display:inline;
}
@media screen and (max-width : 959px){
.archivelist{
width:100%;
margin:0 auto 80px;
}
.singlepage{
margin:40px auto 80px;
}
}
@media screen and (max-width : 639px){
.archivelist{
margin:0 auto 40px;
}
.singlepage{
margin:0 auto 40px;
}
.uk-container .single{
padding:30px 15px;
}
.singlepage .top_title{
margin:0 0 15px;
font-size:16px;
}
.singlepage .top_title span{
margin-top:10px;
text-align:center;
font-size:10px;
}
.single_more p.more a{
display:block;
max-width:initial;
background-position:right 15px center;
}
.single_more p.more a span{
font-size:12px;
}
} .case-list li {
margin:0;
}
.case-list li a{
display:block;
text-decoration:none;
position:relative;
}
.archivelist .case-list li a{
margin-bottom:40px;	
}
.case-list li a:hover{
background:#f5f5f5;
}
.case-list li a > div:first-child{
overflow:hidden;
}
.case-list.case-single li a > div:first-child{
overflow:hidden;
background-color:#fff;
}
.i-cat{
background:#45576a;
color:#fff;
font-size:12px;
padding:5px 10px;
margin-right:5px;
transition:0.4s;
}
.i-cat a{
background:#45576a;
color:#fff;
font-size:12px;
padding:5px 10px;
margin-right:5px;
text-decoration:none;
}
.i-cat a:hover{
background:#d50b7e;
}
.case-list li a:hover .i-cat{
background:#d50b7e;
}
.thumbnail,
.noimage{
background-position:center center;
background-repeat:no-repeat;
width:100%;
aspect-ratio: 3 / 2;
transition:0.4s;
}
.noimage{
background-size:240px;
}
.thumbnail{
background-size:cover;
}
.case-list li a:hover .thumbnail,
.case-list li a:hover .noimage{
transform:scale(1.1);
}
.case_txt{
padding:15px 15px 0;
}
.case-list li a h3,
.case-list li a h4{
font-size:16px;
margin:5px 0 20px;
line-height:180%;
transition:0.4s;
}
.uk-grid-match>*.no_post{
display:block;
width:100%;
text-align:center;
}
@media screen and (max-width : 959px){
.archivelist .case-list li a{
margin-bottom:20px;	
}
.case_txt{
padding:15px 0 0;
}
.noimage{
background-size:70%;
}
}
@media screen and (max-width : 639px){
.case-list > li{
margin-bottom:40px;
}
.archivelist .case-list li a{
margin-bottom:0;	
}
.case_txt{
padding:10px 0 0;
}
.case-list li a h3,
.case-list li a h4{
font-size:13px;
line-height:160%;
margin:5px 0 0 0;
}
.topcase p.more{
margin-top:0;
}
} .single .date{
text-align:right;
margin:0 0 30px 0;
padding:0 0 30px 0;
display:block;
border-bottom:3px double #ddd;
}
.case_single_img{
margin:0 0 40px;
}
.case_single_img .uk-grid{
-webkit-justify-content: center;
justify-content: center;
}
.case_img{
min-height:300px;
margin:0 0 10px;
height:auto;
background-size:contain;
background-repeat:no-repeat;
background-color:none;
background-position:center top;
}
.case-single .case_img{
min-height:180px;
margin:0 ;
background-size:cover;
}
.case-single .uk-grid >* >p{
margin:0 ;
text-align:center;
font-weight:bold;
color:#45576a;
}
.single .case_single_img h2{
border:none;
padding:0;
margin:0 0 20px;
background:none;
}
.single .case_single_img h2:before{
content:none;
}
.single .case_single_img h2 span{
background: #45576a;
color:#fff;
padding:5px 15px 5px;
font-size:14px;
font-weight:700;
}
.case_comment{
background:rgba(255,255,255,0.8);
font-size:13px;
text-align:left;
margin-top:25px;
line-height:180%;
}
@media screen and (max-width : 959px){
.case_single_img{
margin:0 0 30px;
}
.case_single_img .case_img{
min-height:140px;
}
}
@media screen and (max-width : 639px){
.case_single_img{
margin:0 0 20px;
}
.case_single_img .case_img{
min-height:120px;
}
.case_single_img .uk-grid{
margin-left:-5px;
}
.case_single_img .uk-grid > *{
padding-left:5px;
}
.case_single_img .uk-grid > *:nth-child(3){
margin-top:10px;
}
.single .date{
margin:0 0 15px 0;
padding-bottom:15px;
}
.single .case_single_img h2{
margin:0 0 10px;
}
.single .case_single_img h2 span{
font-size:13px;
}
.case_comment{
font-size:12px;
margin-top:10px;
line-height:160%;
}
.case-single .case_img{
min-height:100px;
}
.contents_area h2 + .uk-grid.case-single >*>*:last-child{
margin-bottom:0;
}
} .pagination {
width: 100%;
text-align: center;
z-index: 200;
list-style-type: none;
padding:0;
margin:30px 0 0 0;
}
.pagination a {
margin: 0 5px;
width: 15px;
height: 15px;
display: inline-block;
overflow: hidden;
}
.pagination a.next,
.pagination a.prev{
width: 60px;
}
.pagination a.active {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}
.pagination,
.pagination li a,
.pagination a,
.pagination span,
.nav-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
} .pagination a,
.pagination span{
font-weight: 500;
padding-top: 1px;
text-decoration:none;
border-left-width: 0;
min-width:36px;
min-height:36px;
color: #444;
background-color: #f5f5f5;
} .pagination li:not([class*="current"]) a:hover,
.pagination a:hover,
.pagination span.current{
background:#45576a;
color:#fff;
}
.pagination li:first-of-type a {
border-left-width: 1px;
}
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span { position: absolute;
top: -9999px;
left: -9999px;
}
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
display: inline-block;
font-family: Fontawesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
} .pagination li.current a {
background:#45576a;
cursor: default;
pointer-events: none;
color:#fff;
}
@media only screen and ( max-width: 639px ) {
.pagination li.first,
.pagination li.last { position: absolute;
top: -9999px;
left: -9999px;
}
.uk-container .pagination li{
padding:0;
margin:0 0 20px;
}
.pagination li.previous a {
border-left-width: 1px;
}
.pagination {
margin:30px 0 0 0;
}
}  .side_nav{
margin-bottom:30px;
border-bottom:none;
}
.side_nav a{
color:#fff;
}
.side_nav_ttl {
padding:10px;
text-align:center;
letter-spacing:0.1em;
font-size:17px;
font-weight:normal;
margin:0;
color:#444;
background:#fff;
border-top:2px solid #45576a;
}
.side_nav_ttl a{
color:#666;
font-size:14px;
text-decoration:none;
} .side_nav_item ul {
padding:0;
border-top:none;
}
.side_nav_item{
margin:0;
}
.side_nav_item ul li {
position:relative;
margin:0;
}
.side_nav_item ul li a {
padding:10px 25px 10px 10px;
font-size:14px;
line-height:160%;
color:#333;
background:url(//estest-dc.com/wp-content/themes/estest/img/more.svg) no-repeat right 10px center/20px;
border-bottom:1px dotted #ddd;
}
.side_nav_item ul li:first-child a{
border-top:1px dotted #ddd;
}
.side_nav_item ul li a:hover {
background-position:right 5px center;
background-color:#f5f5f5;
background-image:url(//estest-dc.com/wp-content/themes/estest/img/more2.svg) 
}
.side_nav_item .date{
display:block;
margin:5px 0 10px 0;
color:#999;
}  .footer_img{
height:510px;
background:url(//estest-dc.com/wp-content/themes/estest/img/footer_img.jpg) no-repeat center bottom/cover;
margin:20px;
position:relative;
}
.footer_map{
margin:120px 0;
}
h2.title1 + .footer_map{
margin: 0;
}
@media screen and (max-width : 959px){
.footer_img{
height:300px;
}
.footer_map{
margin:60px 0;
}
}
@media screen and (max-width : 639px){
.footer_img{
height:140px;
margin:0 ;
}
.footer_map{
margin:40px 0;
}
.footer_map iframe{
height:200px;
}
.footer_cal iframe{
height:400px;
}
} .cv .footer_logo{
margin-bottom:40px;
}
.cv_contact{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
margin-bottom:40px;
}
.cv_contact p{
margin:0 0 15px;
} .cv_contact > div p a{
text-decoration:none;
color:#45576a;
font-size:32px;
position:relative;
padding-left:40px;
letter-spacing:0.1em;
display:inline-block;
margin-top:20px;
}
.cv_contact > div p a:before{
content:"";
background: url(//estest-dc.com/wp-content/themes/estest/img/icon_tel.svg) no-repeat center center/contain;
width:28px;
aspect-ratio: 1 / 1;
position:absolute;
top:50%;
left:0;
transform:translatey(-50%);
} .cv_contact >*:last-child{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.cv_contact >*:last-child a{
display:block;
background:#5e7d9f url(//estest-dc.com/wp-content/themes/estest/img/icon_web.svg) no-repeat center 25px/50px;
color:#fff;
text-decoration:none;
aspect-ratio: 1 / 1;
width:142px;
height:48px;
border-radius:71px;
padding-top:95px;
text-align:center;
font-size:18px;
}
.cv_contact >*:last-child a:hover{
background-color:#d50b7e
} .cv .uk-grid:last-child >* a{
background:#5e7d9f url(//estest-dc.com/wp-content/themes/estest/img/bnr_img1.png) no-repeat right center/contain;
display:block;
color:#fff;
font-size:16px;
text-decoration:none;
padding:25px 40px;
line-height:180%;
}
.cv .uk-grid:last-child >* a span{
display:inline-block;
color:#fff;
font-weight:400;
font-size:26px;
margin-bottom:15px;
background:url(//estest-dc.com/wp-content/themes/estest/img/more3.svg) no-repeat right center/24px;
padding-right:55px;
transition:0.4s;
}
.cv .uk-grid:last-child >* a:hover{
background-color:#d50b7e;
}
.cv .uk-grid:last-child >* a:hover span{
padding-right:60px;
}
.cv .uk-grid:last-child >*:last-child a{
background-image:url(//estest-dc.com/wp-content/themes/estest/img/bnr_img2.png);
}
@media screen and (max-width : 959px){
.cv .uk-grid:last-child >*:first-child a{
margin-bottom:30px;
}
}
@media screen and (max-width : 639px){
.cv .footer_logo{
margin:0 auto 20px;
}
.cv_contact > div p a{
font-size:26px;
padding-left:40px;
letter-spacing:0.05em;
margin-top:10px;
}
.cv_contact > div p a:before{
width:30px;
} .cv .uk-grid:last-child >*:first-child a{
margin-bottom:15px;
}
.cv .uk-grid:last-child >* a{
background-position: right -80px center;
font-size:13px;
padding:15px 20px;
line-height:160%;
}
.cv .uk-grid:last-child >* a span{
font-size:18px;
margin-bottom:10px;
background-size:20px;
padding:5px 35px 5px 0;
}
.cv_contact{
display:block;
margin-bottom:20px;
} .cv_contact >*:last-child a{
display:block;
background:#5e7d9f url(//estest-dc.com/wp-content/themes/estest/img/icon_web.svg) no-repeat 30px center/40px;
aspect-ratio: auto;
width:100%;
height:auto;
border-radius:10px;
padding:25px 10px 25px 50px;
font-size:18px;
margin-top:20px;
}
} .sheet-time {
width:100%;
border-collapse:collapse;
border-spacing:0px;
}
.sheet-time th,
.sheet-time td{
vertical-align:middle;
padding:12px 5px;
text-align:center;
font-weight:300;
}
.sheet-time th{
letter-spacing:2px;
}
.sheet-time tr:first-child{
letter-spacing:0.1em;
border-top:1px solid #ddd;
}
.sheet-time tr{
letter-spacing:0.1em;
border-bottom:1px solid #ddd;
}
.sheet-time td{
width:6%;
}
.sheet-time td.color{
color:#45576a;
}
.sheet-time th:first-child,
.sheet-time td:first-child{
text-align:left;
padding-left:10px;
}
p.about_time{
padding:20px 0 0 0;
line-height:180%;
text-align:left;
}
@media screen and (max-width : 959px){
.access-time{
margin:30px 0 0 0;
}
}
@media screen and (max-width : 639px){
.access-time{
margin:20px 0 0 0;
}
.sheet-time th,
.contents table.sheet-time th{
letter-spacing:0;
padding:10px 0;
}
.sheet-time td,
.contents table.sheet-time td{
width:7%;
padding:10px 0;
font-size:13px;
}
.sheet-time th:first-child,
.sheet-time td:first-child,
.contents .sheet-time th:first-child,
.contents .sheet-time td:first-child{
padding-left:5px;
}
p.about_time{
padding:15px 0 0 0;
}
} .fc-view-container,
.fc-view,
.fc-view table{
height:calc(100% - 25px);
}
.fc-day-grid-container,
.fc-day-grid{
height:100%;
}
.fc-week{
height:20%;
}
.eo-fullcalendar-reset.fc-unthemed .fc-today{
background:#f5f5f5!important;
}
.fc-day-grid-event{
background-color:#5e7d9f!important;
border:none!important;
}
.fc-title{
color:#fff!important;
text-align:center!important;
padding:2px!important;
display:block;
} a.fc-day-grid-event {
pointer-events:none;
}
@media screen and (max-width : 959px){
}
@media screen and (max-width : 639px){
.fc-title{
font-size:70%;
}
} .footer_logo{
margin: 0 0 60px;
}
.footer_logo + p{
margin-bottom:30px;
}
@media screen and (max-width : 959px){
.footer_logo{
margin: 0 0 40px;
}
footer .uk-grid >*:first-child{
margin:0 0 40px;
}
}
@media screen and (max-width : 639px){
.footer_logo{
width:220px;
margin: 0 0 30px;
}
.footer_logo + p{
margin-bottom:20px;
}
footer .uk-grid >*:first-child{
margin:0 ;
}
} footer p.sitemaptxt{
color:#45576a;
margin:0 0 20px;
font-size:22px;
}
footer ul{
margin:0;
padding:0;
}
footer ul li{
display:block;
margin:0 0 5px;
}
footer ul li a{
text-decoration:none;
color:#111;
position:relative;
}
footer ul li a:hover{
color:#d50b7e;
text-decoration:underline;
}
@media screen and (max-width : 959px){
}
@media screen and (max-width : 639px){
footer p.sitemaptxt,
footer ul{
display:none;
}
} .footer_sign{
padding:60px 0;
}
.footer_sign p {
text-align:center;
color: #666;
font-size:12px;
margin:0;
letter-spacing:0.1em;
padding:0;
}
.footer_sign a{
color: #666;
}
@media screen and (max-width : 959px){
.footer_sign{
padding:40px 0;
}
}
@media screen and (max-width : 639px){
.footer_sign{
padding:20px 0;
}
.footer_sign p {
letter-spacing:0px;
font-size:10px;
}
} #page-top {
position: fixed;
bottom: 60px;
right: 10px;
margin:0;
z-index:900;
}
#page-top a {
background: url(https://estest-dc.com/wp-content/themes/estest/img/pagetop.svg) no-repeat 0 0/contain;
z-index:10;
text-indent:-5000px;
text-decoration: none;
color: #fff;
width: 70px;
height:70px;
text-align: center;
display: block;
}
@media screen and (max-width : 959px){
#page-top {
bottom: 100px;
}
}
@media screen and (max-width : 639px){
#page-top {
bottom: 120px;
right:0;
}
#page-top a {
width: 40px;
height:40px;
}
} .indispensable{
display:inline-block;
font-size:12px;
color:#d50b7e;
line-height:140%;
margin:0;
}
.contactform.sheet th{
width:30%;
}
@media screen and (max-width : 639px){
.contactform.sheet th{
width:100%;
}
} input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="radio"],
input[type="checkbox"],
input[type="number"],
label,
button {
cursor: pointer;
}
input[type="checkbox"],
input[type="radio"] {
vertical-align: middle;
}
input[type="hidden"] {
*float: left;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
textarea,
select{
width: calc(100% - 42px);
outline: none;
-webkit-appearance: none;
border: 1px solid #ddd ;
background-color: #FFFFFF !important;
padding:15px 20px;
font-size:13px;
border-radius:0;
}
input[type="text"].hasDatepicker{
width: calc(50% - 42px);
}
select{
width: 30%;
background:url(https://estest-dc.com/wp-content/themes/estest/img/more.svg) no-repeat right 10px center/20px;
}
*[class*="disabled"],
*:disabled {
cursor: default !important;
} input[type=radio] {
appearance: none;
display: none;
}
input[type=radio] + span {
position: relative;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
input[type=radio] + span:before {
font-family: "Font Awesome 5 Free";
content: "\f111";
display: inline-block;
margin-right: 0.5em;
font-weight: 300;
color: #ddd;
font-size:20px;
vertical-align: middle;
background:#fff;
line-height:95%;
border-radius:15px;
}
input[type=radio]:checked + span:before {
content: "\f192";
font-weight: 400;
color: #d50b7e;
}
@media screen and (max-width : 639px){
input[type=radio] + span {
display:block;
}
.mw_wp_form .horizontal-item + .horizontal-item{
margin-left:0!important;
}
} input[type=checkbox] {
appearance: none;
display: none;
}
input[type=checkbox] + span{
display:inline-block;
line-height:100%;
margin:0;
}
input[type=checkbox] + span:before {
font-family: "Font Awesome 5 Free";
content: "\f0c8";
display: inline-block;
margin-right: 0.5em;
font-weight: 300;
color: #ddd;
font-size:20px;
vertical-align: middle;
background:#fff;
line-height:95%;
margin-bottom:0;
border-radius:2px;
}
input[type=checkbox]:checked + span:before {
content: "\f14a";
font-weight: 400;
color: #d50b7e;
}
.mw_wp_form .horizontal-item + .horizontal-item{
margin-left:0 !important;
}
.mw_wp_form .horizontal-item{
margin-right:10px;
}
@media screen and (max-width : 639px){
input[type=checkbox] + span:before {
display: block;
float:left;
}
} #back,
#confirm,
input[type="submit"]{
display:inline-block;
text-decoration:none;
font-size:15px;
color:#d50b7e;
padding:0;
letter-spacing:0.1em;
font-weight:600;
text-align:center;
background:#fff url(//estest-dc.com/wp-content/themes/estest/img/more2.svg) no-repeat 20px center/20px;
padding:15px 40px 15px 65px;
min-width:180px;
-webkit-transition: 0.4s ;
transition: 0.4s ;
-webkit-appearance: none;
margin:0 15px;
border:none;
border-radius:0;
border:solid 1px #d50b7e;
}
#confirm:hover,
#back:hover,
input[type="submit"]:hover{
background-color:#d50b7e;
color:#fff;
background-image:url(//estest-dc.com/wp-content/themes/estest/img/more3.svg);
transform:0.2s;
} .bg-radical {
background: radial-gradient(#615adc,#181a47);
padding:40px 40px 20px;
}
.bg-radical h3,.bg-radical h4,.bg-radical p {
color:#fff;
}
.bg-radical img {
margin-bottom:0!important;
}
.bg-radical h3 {
font-size:20px;
font-weight:600;
}
.bg-radical h3 img {
height:30px;
margin-bottom:0!important;
}
.bg-radical h4 {
font-size:16px;
font-weight:600;
margin:20px 0;
}
.bg-radical p {
font-size:14px;
line-height:22px;
}
.bg-radical a {
color:#fff;
}
.yt {
width:720px;
height:400px;
}
@media screen and (max-width:768px) {
.bg-radical {
padding:20px 16px;
}
.bg-radical h3 {
margin-top:20px;
}
.yt {
width:420px;
height:240px;
}
}