@charset "utf-8";
/*
Theme Name: ケイズエンタープライズテーマ（Based On Lightning）
Theme URI: 
Template: lightning
Description: 
Author: x3 PLANNING
Tags: 
Version: 1.0.0
*/
.device-pc .gMenu > li > a {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: 14px 1.8em;
  text-align: center;
}
div.map {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
div.map iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.siteHeader_logo {
    font-size: 22px;
}
.home .siteContent , .page-id-37 .siteContent , .page-id-258 .siteContent {
    padding-bottom: 200px;
}
.home .faqarea , .page-id-176 .faqarea:not(:last-of-type) {
    margin-bottom: 200px;
}
.page-id-18 .faqarea {
    margin-top: 200px;
    width: 95%;
}
.veu_contentAddSection {
    margin-top: 600px;
}
h3.division {
    margin-bottom: 0.6em;
}
table.company {
    margin-bottom: 100px;
}
table.company span {
    margin-right: 15px;
}
table.form_box {
    margin: 0 auto;
    width: 90%;
}
table.form_box th {
    width: 20%;
}
span.required {
    color: #f00;
    font-weight: bold;
}
.mw_wp_form .vertical-item:last-of-type {
    margin-bottom: 25px;
}
.enterprise {
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.25);
    margin: 0 auto 70px;
    width: 95%;
}
.enterprise a {
    color: initial;
    display: flex;
    text-decoration: none;
}
.enterprise .image , .enterprise .about {
    width: 50%;
}
.enterprise .about {
    padding: 20px;
}
.privacy-policy ol li ul li {
    list-style: none;
    margin-bottom: 0;
}
.privacy-policy ol li ul li:before {
    content: '∴';
    margin-right: 2px;
}
.privacy-policy ol li ol {
    counter-reset: item;
    list-style-type: none;
}
.privacy-policy ol li ol li {
    list-style: none;
    margin-bottom: 0;
}
.privacy-policy ol li ol li:before {
    counter-increment: item;
    content: counter(item)')';
    margin-right: 5px;
}
.topbanner {
    display: block;
    margin-bottom: 120px;
}
.prBlock {
    overflow: hidden;
    position: relative;
}
.prBlock a {
    display: block;
}
.prBlock a:hover {
    animation: TurnWhite 0.5s;
    animation-fill-mode: forwards;
}
.prBlock a:hover .pr_image {
    animation: ImageUp 0.5s;
    animation-fill-mode: forwards;
}
.prBlock a:hover .pr_image img {
    animation: Darken 0.5s;
    animation-fill-mode: forwards;
}
.prBlock .pr_image {
    background: #333;
    transform: translateY(15%);
}
.prBlock .prBlock_title {
    margin-top: 0;
    position: absolute;
    right: 6%;
    top: 2%;
}
.pr_button , .faq_button {
    background-color: #337ab7;
    color: #fff;
    font-weight: bold;
    margin: 0 auto 120px;
    padding: 1.5%;
    text-align: center;
    text-decoration: none;
    width: 40%;
}
.faq_button {
    margin-top: 35px;
}
.pr_button span:after , .faq_button span:after {
    content: '\f101';
    font-family: 'Font Awesome 5 Free';
    margin-left: 3%;
}
.pr_button:hover , .faq_button:hover {
    opacity: 0.5;
}
.page-id-315 {
    counter-reset: flow;
}
.page-id-315 h3.flow:before {
    content: counter(flow) ".";
    counter-increment: flow;
    margin-right: 10px;
}
.page-id-315 p.flow:after {
    color: #337ab7;
    content: '\f103';
    display: block;
    font-family: 'Font Awesome 5 Free';
    font-size: 3em;
    font-weight: 600;
    margin-top: 20px;
    text-align: center;
}
.page-id-315 p.flow:last-of-type:after {
    content: '';
}
@keyframes TurnWhite {
    0% {color: #333;}
    100% {color: #fff;}
}
@keyframes ImageUp {
    0% {transform: translateY(15%);}
    100% {transform: translateY(0);}
}
@keyframes Darken {
    0% {opacity: 1;}
    100% {opacity: 0.4;}
}
.page-header {
    background-color: inherit;
    color: #000;
}
.page-header .container {
    border-bottom: solid 1px #337ab7;
}
.faqarea {
    margin: 0 auto;
    width: 90%;
}
.faq-check {
    display: none;
}
/*
.faq-label {
    background-color: #337ab7;
    color: #fff;
    cursor: pointer;
    display: block;
    margin-bottom: 1px;
    margin-top: 20px;
    padding: 10px;
    position: relative;
}
.faq-label:after {
    background-color: #00479d;
    box-sizing: border-box;
    content: '\f067';
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
}
*/
.qa-area {
    border-top: dotted 1px #78a718;
    padding: 20px 0;
}
.faq-label {
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px;
    position: relative;
}
.faq-label p {
    margin: 0;
    width: 92%;
}
.faq-label:after {
    box-sizing: border-box;
    content: '\f067';
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
}
.faq-content {
    display: none;
    min-height: 70px;
}
.faq-content p {
    line-height: 150%;
    margin: 0;
    padding: 10px;
}
.faq-check:checked + .faq-label:after {
    content: '\f068';
}
.faq-check:checked + .faq-label + .faq-content {
    align-items: center;
    display: flex;
}
/*
div.footerWidget h1.subSection-title {
    
}
*/
.widget .subSection-title {
    font-size: 14px;
}
.widget_nav_menu ul {
    font-size: 12px;
}
#your-name , #your-kana {
    width: 40%;
}
#your-email {
    width: 50%;
}
#your-tel {
    width: 30%;
}
#your-company {
    width: 50%;
}
.your-postno {
    text-align: center;
    width: 20%;
}
.your-postno:before {
    content: '\03012';
}
.your-prefname {
    display: inline-block;
    width: 20%;
}
.your-cityname {
    display: inline-block;
    margin-left: 1%;
    width: 40%;
}
.notice {
    font-size: 0.75rem;
}
.mw_wp_form_confirm .notice {
    display: none;
}
.addressarea {
    margin-top: 15px;
}
.addressbox {
    margin-bottom: 15px;
}
.messageblock {
    margin-top: 15px;
}
.execbox {
    margin: 45px auto;
    text-align: center;
}
.execbox .execclass {
    width: 40%;
}
.form-control::placeholder {
    color: #bac3cB;
}
table.form_box .form-control {
    padding: .375rem 1rem;
}
.childimage {
    display: inline-block;
    height: auto;
    width: 20%;
}
.topmessage {
    margin-bottom: 120px;
}
h1.message {
    font-size: 13.2px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
}
.siteHeader {
    box-shadow: inherit;
}
.siteHeader .container {
    padding: 0;
}
.header_scrolled .gMenu_outer {
    background-color: #eee;
}
.gMenu {
    float: none;
    justify-content: center;
}
.header_bottom {
    margin-top: 20px;
}
.header_bottom .container {
    background: #eee;
}
.gMenu > li {
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff;
    margin-left: -1px;
    width: 100% !important;
}
.device-pc .gMenu > li > a {
    padding: 20px;
}
/*
.gMenu > .current-menu-item > a {
    background: #ababab;
    color: #fff;
}
*/
.gMenu > .current-menu-item > a , .gMenu > li > a:hover {
    background: #0f3e93;
    color: #fff;
}
.gMenu > li > ul.sub-menu {
    background-color: #0f3e93;
    color: #fff;
}
.vk-mobile-nav-menu-btn {
    left: initial;
    right: 15px;
}

.process {
  margin-bottom: 10%;
}
.process li:nth-child(n + 2) , .price li:nth-child(n + 2) {
  margin-top: 5%;
}
.process .steps , .price .type {
    display: block;
}
.process img , .price img {
    display: inline-block;
    width: 50%;
}
.price img {
    border: solid 1px #ccc;
}
.process .explain , .price .explain {
    display: inline-block;
    margin-left: 2%;
    vertical-align: top;
    width: 45%;
}
.price .option {
    display: inline-block;
    margin-top: 1%;
    vertical-align: top;
    width: 45%;
}

div.pricelist {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5%;
}
div.price-table {
    border: solid 1px #cc0;
    display: flex;
    flex-direction: column;
    width: 32%;
}
div.price-table div.type {
    background-color: #cc0;
    font-size: 130%;
    padding: 5%;
    text-align: center;
}
div.price-table div.price {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 120%;
    height: 100%;
    justify-content: center;
    padding: 5%;
}
div.price-table div.price span.robo , div.price-table div.price span.range {
    font-size: 66%;
}
a.estimate {
    background-color: #337ab7;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 160%;
    font-weight: bold;
    line-height: 140%;
    margin: 10% auto;
    padding: 2%;
    text-align: center;
    text-decoration: none;
    width: 60%;
}
.dyeingcopy {
    font-size: 135%;
    font-weight: bold;
    text-align: center;
}
h3.dyeing , h4.dyeing {
    margin-top: 8%;
}
h3.dyeing:nth-of-type(n + 2) {
    margin-top: 15%;
}
.merits {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 90%;
}
.merits img {
    width: 30%;
}
.merits img:nth-child(n + 4) {
    margin-top: 5%;
}
.dyeing-faqs {
    list-style: none;
}
.dyeing-faqs label {
    font-weight: bold;
}
@media (max-width:991.98px) {
    .gMenu_outer {
        display: none !important;
    }
    h1.message {
        display: none;
    }
    #your-name , #your-kana , #your-email , #your-tel , #your-company {
        width: 90%;
    }
    .your-postno {
        width: 35%;
    }
    .your-prefname {
        display: block;
        margin-bottom: 15px;
        width: 40%;
    }
    .your-cityname {
        display: block;
        width: 60%;
    }
    .siteHeader_logo {
        font-size: 4vw;
    }
    table.company th , table.company td , table.form_box th , table.form_box td {
        display: block;
        width: 100%;
    }
    table.company th {
        border-bottom: solid 1px #337ab7;
        font-weight: bold;
    }
    table.company span.postno {
        display: block;
    }
    .enterprise {
       min-height: 300px;
    }
    .enterprise a {
        flex-flow: column;
    }
    .enterprise .image , .enterprise .about {
        width: 100%;
    }
    .enterprise .order01 {
        order: 1;
    }
    .enterprise .order02 {
        order: 2;
    }
    h3.division {
        font-size: 1.2rem;
    }
    .dyeingcopy {
        font-size: 110%;
    }
    .merits img {
        width: 95%;
    }
    .merits img:nth-child(n + 2) {
        margin-top: 10%;
    }
    a.estimate {
        width: 80%;
    }
}
@media (min-width: 992px) {
    .gMenu_outer {
        display: none;
    }
    body.device-pc .vk-mobile-nav-menu-btn {
        display:block;
    }
    body.device-pc .vk-mobile-nav {
        display:block;
    }
    .siteHeader_logo img {
        max-height: 79px;
    }
    .mainSection-col-two {
        width: 80%;
        float: left;
    }
    .sideSection-col-two {
        width: 20%;
        float: right;
    }
}
@media (min-width: 1024px) {
    body.device-pc .vk-mobile-nav-menu-btn {
        display: none;
    }
}
@media (min-width: 1200px) {
    .container , .container-lg , .container-md , .container-sm , .container-xl {
        max-width: 1100px;
    }
    .gMenu_outer , .gMenu_outer nav {
        display: block;
        float: none;
        min-height: inherit;
    }
    .carousel {
        margin: 0 auto;
        width: 1100px;
    }
}