@charset "UTF-8";
  *,*::before,*::after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}
dl,ol,ul{margin-bottom:0;}
body{  }
div, p, th{
padding: 0;
margin: 0;
}
.pc{
display: none !important;
} header{
width: 100%;
height: 15dvw;
font-weight: 700;
position: fixed;
top: 0;
background: #FFFFFF;
padding-top: 3dvw;
padding-left: 3dvw;
z-index: 100;
}
header div{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 2dvw;
}
header div div a{
text-decoration: none;
color: #596871;
font-size: 4dvw;
}
header div div a img{
width: 9dvw;
}
.spMenu{
background-color: #FFFFFF;
position: absolute;
transition: all .4s;
top: 15dvw;
left: 100dvw;
width: 100%;
}
.spMenu.active{
left: 0;
opacity: 0.9;
}
.spMenu ul{
list-style: none;
width: 100%;
padding: 0;
}
.spMenu ul li a{
display: block;
width: 100%;
text-align: center;
border-top: 1px solid #EFEFEF;
padding: 2dvw 0;
font-weight: 500;
}
.spMenuLast{
border-bottom: 1px solid #EFEFEF;
}
.spMenuBtn{
position: absolute;
right: 4dvw;
}
.spMenuBtn a span{
display: block;
background: #212121;
height: 0.7dvw;
border-radius: 1dvw;
margin: 1.4dvw 0;
transition: all .4s;
}
.line1{
width: 6dvw;
}
.line2{
width: 7dvw;
}
.line3{
width: 5dvw;
}
.line1.active{
transform: translateY(2dvw) rotate(-45deg);
}
.line2.active{
opacity: 0;
}
.line3.active{
width: 6dvw;
transform: translateY(-2.2dvw) rotate(45deg);
} @media screen and (min-width: 981px) {
.sp{
display: none !important;
}
.pc{
display: block !important;
}
header{
height: auto;
font-weight: 700;
position: unset;
background: #FFFFFF;
padding: 0.7dvw 2dvw;
border: none;
border-bottom: 1px solid #EFEFEF;
}
header div{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 2dvw;
}
header div div a{
font-size: 1dvw;
}
header div div a img{
width: 3dvw;
}
header .title{
width: 8dvw;
}
.spMenu {
position:unset;
width: 100%;
}
.spMenu ul{
display: flex;
justify-content: end;
gap: 2dvw;
}
.spMenu ul li a {
border: none;
padding: 0;
}
.spMenuBtn{
position: unset;
display: none;
}
.spMenuLast {
border: none;
}
}  footer{
padding: 3dvw 0;
background: #FFFFFF;
color: #596871;
font-size: 0.9dvw;
text-align: center;
}
footer .copyright{
margin-top: 1dvw;
}
@media screen and (min-width: 981px) {
footer {
padding: 1.5dvw 0;
}
footer .copyright {
margin-top: 0.5dvw;
}
} main{
margin-top: 15dvw;
}
@media screen and (min-width: 981px) {
main {
margin: 0;
}
} .fvSection div{
position: relative;
height: auto;
}
.fvSection img{
width: 100%;
height: auto;
}
.first h1{
color: #FFFFFF;
font-size: 12dvw;
text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
font-weight: 900;
position: absolute;
left: 2dvw; 
bottom: 6dvw;
}
.second .fvTextBox{
position: absolute;
top: 34%;
left: 0;
right: 0;
margin: auto;
width: 90dvw;
border-radius: 2dvw;
background: rgba(255, 255, 255, 0.90);
padding: 4dvw;
}
.fvLogo{
display: flex;
align-items: center;
gap: 2dvw;
}
.fvLogo img{
width: 10dvw;
height: 10dvw;
}
.fvLogo p{
font-size: 4dvw;
color: #596871;
font-weight: 700;
}
.fvTextBox h1{
margin-top: 4dvw;
font-size: 7.1dvw;
}
.newsSection{
background: #F4FAFE;
padding: 4dvw 5dvw;
}
.newsHeader{
display: flex;
justify-content: space-between;
align-items: center;
}
.newsHeader h2{
font-size: 6dvw;
font-weight: 700;
}
.newsHeader a{
width: 19dvw; font-size: 2.2dvw;
padding: 1dvw 3dvw;
font-weight: 700;
text-decoration: none;
border-radius: 3dvw;
background: #41A9F0;
text-align: center;
color: #FFFFFF;
transition: all .5s;
}
.newsData ul{
list-style: none;
padding: 0;
}
.newsData ul li{
display: flex;
gap: 2dvw;
margin: 2dvw 0;
}
.readHidden{
opacity: 0;
height: 0;
display: none !important;    }
.readHidden.active{
display: flex !important;
height: auto;
opacity: 1;
}
.readMore.active{ background: #596871;
}
.newsDate, .newsTitle{
font-size: 2.8dvw;
}
.newsDate{
color: #596871;
}
.newsTitle{
padding-right: 8dvw;
}
.aboutUsSection{
background: #FFFFFF;
}
.aboutUsSection .desc{
padding: 5dvw 0;
}
.aboutUsSection .desc h3{
font-size: 5dvw;
text-align: center;
}
.aboutUsSection .desc p{
padding: 0 8dvw;
font-size: 1.17dvw;
text-align: center;
color: #596871;
}
.aboutUsSection .image{ padding: 7dvw 0;
background-image: url(//eskei.jp/wp-content/themes/eskei/img/spAboutBg.png);
background-repeat: no-repeat;
background-size: 100%;
}
.aboutUsSection .image .first{
margin: 4dvw 0;
position: relative;
}
.aboutUsSection .image .first img{
width: 70dvw;
margin: auto;
border-radius: 1dvw;
}
.aboutUsSection .image .first p{
font-size: 2.95dvw;
padding: 1dvw 5dvw;
color: #FFFFFF;
background: #41A9F0;
border-radius: 1dvw;
position: absolute;
bottom: 0;
right: 15dvw;
font-weight: 700;
}
.aboutUsSection .image .second{
display: flex;
justify-content: center;
gap: 2dvw;
}
.aboutUsSection .image .second div{
width: 40%;
position: relative;
}
.aboutUsSection .image .second div img{
border-radius: 1dvw;
}
.aboutUsSection .image .second div p{
font-size: 2.95dvw;
font-weight: 700;
padding: 1dvw 5dvw;
color: #FFFFFF;
background: #41A9F0;
border-radius: 1dvw;
position: absolute;
bottom: 0;
right: 0;
}
.conceptSection{
padding: 6dvw 0 10dvw 0;
background: #F8F8FA;
background-image: url(//eskei.jp/wp-content/themes/eskei/img/spConceptBg.png);
background-repeat: no-repeat;
background-size: 100%; }
.conceptSection .desc{
position: relative;
z-index: 1;
background: #FFFFFF;
border-radius: 2dvw;
width: 80dvw;
margin-left: 5dvw;
padding: 2dvw 5dvw;
}
.conceptSection .desc h4{
font-size: 6dvw;
font-weight: 700;
}
.conceptSection .desc p{
color: #596871;
line-height: 160%;
font-size: 2.55vw;
}
.conceptSection .image{
position: relative;
z-index: 0;
margin-top: -4dvw;
margin-left: auto;
margin-right: 5dvw;
width: 80dvw;
}
@media screen and (min-width: 981px) {
.first h1 {
font-size: 5dvw;
left: 3dvw;
bottom: 2.3dvw;
}
.second .fvTextBox {
top: 27%;
left: 5dvw;
margin: unset;
width: 49dvw;
border-radius: 0.5dvw;
padding: 2dvw;
}
.fvLogo {
align-items: center;
gap: 1dvw;
}
.fvLogo img {
width: 3dvw;
height: 3dvw;
}
.fvLogo p {
font-size: 1dvw;
}
.fvTextBox h1 {
margin-top: 1.5dvw;
font-size: 3dvw;
}
.newsSection {
padding: 1dvw 5dvw;
}
.newsHeader, .newsData{
width: 55%;
margin: auto;
}
.newsHeader h2 {
font-size: 2dvw;
}
.newsDate, .newsTitle {
font-size: 1dvw;
}
.newsHeader a {
width: 8dvw;
font-size: 1dvw;
padding: 0.2dvw 1dvw;
}
.readHidden {  }
#about{
background-image: url(//eskei.jp/wp-content/themes/eskei/img/pcAboutBg.png);
background-size: 100%;
background-repeat: no-repeat;
}
.aboutUsSection .desc {
padding: 3dvw 0;
}
.aboutUsSection .desc h3 {
font-size: 1.5dvw;
margin-bottom: 1dvw;
}
.aboutUsSection .desc p {
font-size: 0.9dvw;
}
.aboutUsSection .image{
width: 50%;
margin: auto;
padding: 0;
background-image: none;
display: flex;
justify-content: space-between;
padding-bottom: 3.4dvw;
}
.aboutUsSection .image .first {
margin: 0;
}
.aboutUsSection .image .first img {
width: 30dvw;
}
.aboutUsSection .image .first img, .aboutUsSection .image .second div img {
border-radius: 0.5;
}
.aboutUsSection .image .first h4{
font-size: 1.5dvw;
margin: 1dvw 0;
}
.aboutUsSection .image .second{
display: block;
width: 19dvw;
}
.aboutUsSection .image .second div {
width: unset;
margin-bottom: 1dvw;
}
.aboutUsSection .image .second div img {
width: 100%;
}
.aboutUsSection .image .first p, .aboutUsSection .image .second div p {
border-radius: 0;
border-bottom-right-radius: 0.5dvw;
border-top-left-radius: 0.5dvw;
font-size: 0.95dvw;
width: 7dvw;
text-align: center;
padding: 0.4dvw 0;
bottom: 0;
right: 0;
}
.aboutUsSection .image .first p{
bottom: 6dvw;
}
.conceptSection { padding: 2dvw 0;
background-image: url(//eskei.jp/wp-content/themes/eskei/img/pcConceptBg.png);
background-repeat: no-repeat;
background-size: 100%; }
.conceptSection .desc {
border-radius: 0.5dvw;
width: 27dvw; margin-left: 0; padding: 1dvw;
}
.conceptWrap{
width: 50%;
margin: auto;
}
.conceptSection .desc h4 {
font-size: 1.8dvw;
}
.conceptSection .desc p {
font-size: 1vw;
}
.conceptSection .image {
margin-top: -4dvw;
margin-left: 15dvw;
margin-right: 1dvw;
width: 35dvw;
}
}  .messageSection{
padding: 3dvw 0;
}
.messageDiv{
display: flex;
justify-content: center;
}
.messageTitle {
width: 61%;
}
.messageTitle h1{
font-size: 6.5dvw;
font-weight: 700;
color: #051D2E;
}
.messageTitle .slogan{
font-size: 4dvw;
font-weight: 700;
color: #051D2E;
}
.messageTitle .desc{
margin: 2dvw 0;
padding-right: 4dvw;
font-size: 3.2dvw;
color: #596871;
}
.messageDiv img{
width: 29dvw;
height: auto;
}
.message{
width: 90%;
margin: 3dvw auto;
padding: 3dvw;
border-radius: 2dvw;
background: #F4FAFE;
}
.message .desc{
color: 596871;
font-size: 1.21dvw;
line-height: 160%;
}
.message div{
display: flex;
justify-content: space-between;
align-items: center;
}
.ceo{
font-size: 3.5dvw;
font-weight: 700;
}
.ceoName{
font-size: 6dvw;
font-weight: 700;
}
.companySection{
margin-top: 2dvw;
padding: 3dvw 0;
background: #F8FCFF;
} .companyDiv{
width: 90%;
margin: auto;
}
.companyDiv h2{
margin: 4dvw 0;
}
.companyDiv table{
width: 100%;
border-spacing: 0;
border-collapse: collapse;
margin-bottom: 2dvw;
}
.companyDiv table tr td{
color: #596871;
background: #FFF;
}
.companyDiv table tr th{
background: #F4FAFE;
}
.companyDiv table tr th, .companyDiv table tr td{
padding: 2dvw;
font-size: 2.5dvw;
border: solid 1px rgba(170, 209, 236, 1);
text-align: left;
}
@media screen and (min-width: 981px) {
.messageSection{
position: relative;
z-index: 1;
}
.messageDiv {
width: 50%;
margin: auto;
align-items: flex-start;
justify-content: space-between;
gap: 2dvw;
}
.messageTitle{
width: 69%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
gap: 0.5dvw;
}
.messageTitle .slogan {
font-size: 1.4dvw;
}
.messageTitle h1 {
font-size: 2dvw;
}
.messageTitle .desc {
margin: 0;
padding: 0;
font-size: 1dvw;
font-weight: 700;
}
.messageDiv img {
width: 13dvw;
height: max-content;
}
.ceo{
font-size: 1dvw;
margin: 1dvw 0;
}
.ceoName{
font-size: 1.7dvw;
text-align: right;
}
.pc.desc{
margin-top: 1dvw;
font-size: 0.9dvw;
z-index: 1;
}
.messageBg{
width: 54dvw;
height: 16dvw;
border-radius: 2dvw;
background: #F4FAFE;
position: absolute;
bottom: 1.5dvw;
left: 23dvw;
z-index: -1;
}
.companyDiv {
width: 50%;
}
.companyDiv h2 {
margin: 2dvw 0;
font-size: 2dvw;
}
.companyDiv table tr th, .companyDiv table tr td {
padding: 0.5dvw 1dvw;
font-size: 1dvw;
}
}   .contentSection h1{
font-size: 5dvw;
width: 90%;
margin: 5dvw auto;
margin-top: 20dvw;
}
.contentBg{
background: #F8FCFF;
padding: 7dvw 0;
}
@media screen and (min-width: 981px) {
.contentSection h1{
font-size: 2.5dvw;
text-align: center;
margin: 3dvw auto;
}
.contentBg{
padding: 0.5dvw 0;
}
}  .contactForm{
width: 90%;
margin: auto;
background: #FFFFFF;
border-radius: 2dvw;
border: 1px solid #AAD1EC;
padding: 3dvw 0;
}
.contactLabel{
color: #596871;
font-size: 3dvw !important;
font-weight: 700;
width: 90%;
display: block;
margin: 3dvw auto;
}
.contactLabel input, .contactLabel textarea, .contactBtn input{
margin-top: 1dvw;
width: 100%;
height: 9.1dvw;
border: none;
border-radius: 1.5dvw;
background: #F8F8FA;
}
.contactLabel textarea {
height: 30dvw;
}
.contactBtn{
margin: auto;
display: block;
width: 90%;
}
.contactBtn input{
font-size: 3.5dvw;
font-weight: 700;
margin: 0 auto;
color: #FFFFFF;
background: #41A9F0 !important;
}
.wpcf7 form.invalid .wpcf7-response-output{
margin: auto !important;
font-size: 4dvw;
}
@media screen and (min-width: 981px) {
.contactForm {
width: 50%;
margin: 2dvw auto;
border-radius: 0.5dvw;
padding: 1dvw 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1dvw;
}
.contactForm p:nth-child(-n+4) {
width: 20dvw;
}
.contactForm p:nth-child(5) {
width: 41dvw;
}
.contactLabel {
font-size: 1dvw !important;
width: 100%;
margin: 0.5dvw auto;
}
.contactLabel input,
.contactLabel textarea,
.contactBtn input {
margin-top: 1dvw;
width: 100%;
height: 3dvw;
border-radius: 0.5dvw;
}
.contactLabel textarea {
height: 10dvw;
}
.contactBtn {
width: 100%;
margin-top: -2dvw;
}
.contactBtn input {
font-size: 1dvw;
}
.contactBtn p {
margin: auto;
}
}  .construct{
width: 90%;
margin: 3dvw auto;
background: #FFFFFF;
border-radius: 2dvw;
padding: 2dvw;
}
.construct img{
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 30dvw;
}
.constTitle{
color: #41A9F0;
font-size: 4dvw;
font-weight: 700;
line-height: 160%;
}
.constDesc{
color: #596871;
font-size: 3.3dvw;
font-weight: 700;
line-height: 160%;
}
@media screen and (min-width: 981px) {
.constWrap{
width: 50%;
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.construct{
width: 30%;
border-radius: 1dvw;
padding: 0.5dvw;
}
.construct img{
display: block;
margin: 0 auto 0.5dvw;
object-fit: cover;
border-radius: 8px;
width: 208px;
height: 156px;
}
.constTitle {
font-size: 1dvw;
margin-bottom: 0.3dvw;
}
.constDesc {
font-size: 0.7dvw;
}
}  .partnerTitle{
width: 90%;
margin: auto;
display: flex;
justify-content: space-between;
align-items: start;
}
.partnerTitle img{
width: 34%;
}
.partnerTitle div{
width: 60%;
}
.partnerTitle div .desc{
font-size: 2.2dvw;
color: #596871;
font-weight: 700;
margin-bottom: 1dvw;
}
.partner{
width: 90%;
background: #FFFFFF;
margin: 3dvw auto;
border-radius: 1dvw;
border: 2px solid #AAD1EC;
padding: 4dvw;
}
.partner .category{
color: #41A9F0;
font-size: 5dvw;
font-weight: 700;
line-height: 160%;
margin-bottom: 3dvw;
}
.partner .name{
display: flex;
flex-wrap: wrap;
gap: 2dvw;
}
.partner .name p{
font-size: 3.5dvw;
font-weight: 700;
}
.partner .desc{
color: #596871;
font-size: 2.8dvw;
font-weight: 700;
margin: 1dvw 0;
}
@media screen and (min-width: 981px) {
.partnerTitle {
width: 50%;
margin-top: 2dvw;
}
.partnerWrap{
width: 50%;
margin: 2dvw auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: normal;
gap: 2dvw;
}
.partnerTitle img {
width: 43%;
}
.partnerTitle div {
width: 53%;
}
.partnerTitle div .desc {
font-size: 0.84dvw;
margin-bottom: 0.5dvw;
}
.partner {
width: 48%;
margin: 1dvw 0;
border-radius: 0.5dvw;
padding: 1dvw;
}
.partner .category {
font-size: 1.5dvw;
margin-bottom: 0.5dvw;
}
.partner .name {
gap: 0.5dvw;
}
.partner .name p {
font-size: 1.22dvw;
}
.partner .desc {
font-size: 0.9dvw;
margin: 0.3dvw 0;
}
}  .detailMenu{
width: 90%;
margin: 3dvw auto;
background: #FFFFFF;
border-radius: 1dvw;
display: grid;
grid-template-columns: repeat(auto-fit, 15dvw);
justify-content: center;
grid-gap: 2dvw;
padding: 2dvw;
}
.detailMenu a{
width: 100%;
font-size: 3.3dvw;
text-decoration: none;
color: #596871;
font-weight: 700;
transition: all 0.4s;
}
.detailMenu a:hover{
color: #41A9F0;
}
.detailMenu .active{
color: #41A9F0;
}
.dataTables_length,
.dataTables_filter,
.tablepress caption,
.dataTables_info,
.dataTables_paginate,
.tablepress thead tr th::after,
.tablepress-table-name
{
display: none;
}
.tablepress{
display: none;
width: 90%;
margin: auto;
font-size: 2.2dvw;
}
.tablepress.active{
display: block;
}
.tablepress tbody tr td,
.tablepress thead tr th{
padding: 1.5dvw;
font-weight: 700;
}
.tablepress thead tr th{
color: #FFFFFF;
background: #79BFF0;
white-space: nowrap;
}
.tablepress tbody tr td{
background: #FFFFFF !important;
border: 1px solid #79BFF0;
color: #596871 !important;
}
@media screen and (min-width: 981px) {
.detailWrap{
width: 55%;
display: flex;
align-items: flex-start;
margin: auto;
gap: 1dvw;
padding: 1.5dvw 0;
}
.detailMenu {
width: 7dvw;
margin: 0;
padding: 1dvw 0;
grid-template-columns: repeat(auto-fit, 5dvw);
justify-content: center;
grid-auto-rows: max-content;
grid-gap: 1dvw;
height: auto;
padding-left: 1.5dvw;
}
.detailMenu a{
font-size: 0.9dvw;
}
.tablepress {
font-size: 1.1dvw;
}
.tablepress thead tr th, .tablepress tbody tr td {
padding: 0.5dvw 1dvw;
}
}