@charset "utf-8";
/*
Theme Name: LIQUID CORPORATE Child
Theme URI: https://lqd.jp/wp/
Description: LIQUID PRESS THEME
Author:Astor-B
Author URI: https://www.astro-b.jp/
Template: liquid-corporate
Version: 9999
*/
/* Child Styles */

/*--トップページ-------------------------------------------------------------------*/
.home .mainpost {
    /* display: none; */
    overflow: hidden;
}
/*--ヘッダー--*/
.logo img {
    height: 65px !important;
    display: block;
    margin: 0 auto;
}
.headline .ttl, .headline .subttl {
    font-size: 14px;
}
a.logo {
    display: block;
}
.headline .com_name, .headline .com_open {
    font-size: 22px;
}
.navbar-nav a {
    padding: 15px 25px!important;
    font-size: 16px!important;
}
.dropdown-toggle::after {
    margin-left: 0.5em;
}
.headline .com_tel {
    font-size: 20px;
    padding-top: 3px;
}
.btn {
    font-size: 20px;
}
.home .cover {
    margin-bottom: 120px;
}
.cover_ttl {
    text-shadow: 0 0 5px #0028a3, 0 0 5px #0028a3, 0 0 5px #0028a3, 0 0 5px #0028a3;
    font-family: sans-serif;
    letter-spacing: 0.3em;
    transform: skewX(15deg);
}
.cover_lead2 {
    height: 110px;
    text-indent: -9999px;
}
.cover_lead {
    line-height: 1.5em;
    margin-bottom: 0;
    color: white;
    font-size: 14px;
    transform: skewX(15deg);
    color: #000000;
    font-weight: bold;
    position: absolute;
    bottom: -30px;
    background-color: #0288bb;
    color: #FFFFFF;
    padding: 5px 20px;
    border-radius: 20px;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 0.2em;
    /* text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff; */
    /* display: none; */
}
.container.warp_slider {
    padding: 30px;
    letter-spacing: 0.2em;
    text-align: center;
    position: relative;
    transform: skewX(-15deg);
    /*background-color: rgb(255 255 255 / 50%);*/
    /* border-radius: 10px; */
    /*background: linear-gradient(to right, rgb(255 255 255 / 80%),25%, rgb(255 255 255 / 30%));*/
}
.topicon1 {
    position: absolute;
    width: 200px;
    height: auto;
    z-index: 10;
    transform: skewX(15deg);
    right: 20px;
    bottom: 30px;
}
.topicon2 {
    position: absolute;
    width: 180px;
    height: auto;
    z-index: 10;
    transform: skewX(15deg);
    top: 30px;
    left: 20px;
}
.topicon3 {
    position: absolute;
    width: 100px;
    height: auto;
    z-index: 10;
    transform: skewX(15deg);
    top: -50px;
    left: 183px;
}
/* example3 */
.container.warp_slider::before {
    content: "";
    background-image: linear-gradient(to right, #fff, #fff 25px, transparent 20px, transparent 20px);
    background-size: 60px 5px;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    position: absolute;
    top: 132px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    pointer-events: none;
}

.container.warp_slider::after {
    content: "";
    background-image: linear-gradient(to right, #fff, #fff 25px, transparent 20px, transparent 20px),linear-gradient(to right, #fff, #fff 25px, transparent 20px, transparent 20px);
    background-size: 20px 5px;
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    pointer-events: none;
}
/*--マップー--*/
#maparea {
    height: 600px;
    text-indent: -9999999px;
    margin-top: 50px;
    background-color: #bebebe;
    margin-bottom: 50px;
}
.home iframe {
    width: 100%;
    margin: 0px 0px;
    position: absolute;
    z-index: 1;
}
/*--フッター--*/
.widget ul li a {
    display: block;
}
footer {
    font-size: 16px;
}
.copy {
    font-size: 16px;
}

/*--コンテンツ--*/
.wp-block-group.box01,.wp-block-group.box02,.wp-block-group.box03 {
    margin-bottom: 20px;
    line-height: 1.8em;
    background-color: #f4f4f4;
    padding: 20px 15px;
    border-radius: 5px;
}
.wp-block-group.box03 {
margin-bottom: 120px;
}
.home h2.has-text-align-center {
    margin-top: 50px;
}
.pagetop a {
    background: rgb(222 222 222);
    color: #696969;
    border: 2px solid #696969;
    border-radius: 3px;
}
.carousel-item {
    transition: -webkit-transform .9s ease;
    transition: transform .9s ease;
    transition: transform .9s ease,-webkit-transform .9s ease;
}

table.table.table-bordered {
    background-color: #FFFFFF;
}
.vk_outer-width-full.vk_outer-paddingLR-none,.vkb-outer-9bc11d71-4c6c-41b5-91f3-4091b694cf4f.wp-block-vk-blocks-outer {
    padding-top: 20px;
    padding-bottom: 20px;
}
.menu-top {
    margin-bottom: 0px!important;
}
.menu-top2 {
    margin-bottom: 80px!important;
}
.menu-top {
    background-color: #FFFFFF;
    padding: 20px 0px 0px;
}
.menu-top2 {
    background-color: #FFFFFF;
    padding: 0px 0px 10px;
}
.menu-top a,.menu-top2 a {
    display: block;
}
.menu-top a:hover,.menu-top2 a:hover {
    display: block;
    opacity: 0.5;
}
.home h3.is-style-vk-heading-solid_black {
    padding: 20px;
    text-align: center;
}
.home h2.has-text-align-center,
.home h2.has-text-align-center span {
    border: none;
}
div#text-17 .ttl {
    border-color: #416fd3 !important;
}
div#text-17 .ttl span {
    display: inline-block;
    font-size: 15px;
    border: none;
    padding: 0 0 5px 0px;
    margin-bottom: 0;
}
div#text-17 h4 {
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.navbar {
    border-bottom: none;
}
img.logosp {
    display: none;
}
.main h3 {
    text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff;
    line-height: 1.7em;
    margin-bottom: 0;
    color: white;
    font-size: 23px;
    transform: skewX(15deg);
    color: #000000;
    font-weight: bold;
    font-style: italic;
}
.cover_lead br {
    display: none;
}
.carousel-item .main {
    text-align: center;
    line-height: 1.5;
    padding: 1em 0;
    position: absolute;
    top: 50%;
    left: 0%;
    z-index: 10;
    width: 100%;
}
.main.sl01 h3{
    color: #ff5722;
}
.main.sl02 h3{
    color: #e91e63;
}
.main.sl03 h3{
    color: #009688;
}


/*--トップ以外ページ-------------------------------------------------------------------*/
.ttl_h1 {
    font-size: 2rem;
}
i.fas.vk_button_link_before.fa-comment {
    color: #FFFFFF;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 4px;
    font-size: 35px;
}
h3.vk_prContent_colTxt_title.toph3comment {
    margin-left: 55px;
}

@media (max-width: 1201px){
.cover_lead {
    position: relative;
    bottom: 0;
    font-size: 13px;
}
div#topicon1 {
    display: none;
}
div#topicon2 {
    display: none;
}
.topicon1,.topicon2,.topicon3 {
    display: none;
}
.container.warp_slider::before {
    background-image: unset;
}
.container.warp_slider::after  {
    background-image: unset;
}
.container.warp_slider{
    transform: skewX(0deg);
    padding: 0;
    background-image: unset;
}
.cover_ttl {
    transform: skewX(0deg);
    margin-bottom: 0px;
}
.carousel-item .main{
top: 45%;
}
.cover_lead {
    transform: skewX(0deg);
}
.headline .col-sm-9 {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 20px;
    padding: 0;
}
.headline .col-sm-3 {
    max-width: 75%;
    flex: 0 0 75%;
    margin-bottom: 20px;
    padding: 0;
}
.headline .com_name, .headline .com_tel {
    text-align: center;
}
.headline .col-sm-3 .com {
    text-align: left;
}
li#menu-item-637 {
    position: absolute;
    right: 20px;
    top: -90px;
    width: 20%;
    text-align: center;
}
.main h3 {
    position: unset;
    width: 100%;
    text-align: center;
}
}


@media (max-width: 991px){
.headline .container,.navbar .container{
    max-width: 960px;
}
.headline .col-sm-3 {
    padding-left: 20px;
}
.container.warp_slider {
    position: absolute;
    /* left: 5%; */
    max-width: 100%;
    display: block;
    top: 120%;
}
.home h2.has-text-align-center {
    margin-top: 100px;
}
.carousel-item .main {
    top: 0;
    position: relative;
}
.main h3 {
    font-size: 18px;
}
.cover_ttl, .cover_lead {
    padding: 0px 20px;
}
.cover_ttl {
    font-size: 19px;
}
.cover_lead {
    font-size: 14px;
}
.cover_lead br {
    display: none;
}
.cover_lead2 {
    display: none;
}
.cover_lead {
    margin: 10% 0 10%;
    width: 90%;
    box-sizing: content-box;
    margin: 20px auto auto;
    padding: 10px;
    line-height: 1.8em;
    border-radius: 0;
}
}
@media (max-width: 901px){
}
@media (max-width: 768px){
.container.warp_slider {
    top: 140%;
}
.carousel-item .main {
    top: 0;
    position: relative;
}
.main h3 {
    font-size: 16px;
}
.cover_lead2 {
    display: none;
}
img.logopc {
    display: none;
}
img.logosp {
    display: block;
}
li#menu-item-637 {
    position: unset;
    right: 0;
    top: 0;
    width: 100%;
    text-align: center;
}
.headline .col-sm-3 {
    padding-left: 0px;
    text-align: center;
    max-width: 100%;
    flex: 0 0 100%;
}
.headline .col-sm-3 .com {
    text-align: center;
}
.headline .col-sm-9 {
    margin-bottom: 10px;
}
.headline .com_name{
    font-size: 18px;
}
.headline .com_tel {
    font-size: 15px;
    padding-top: 0px;
}
.navbar-nav a {
    padding: 15px 25px!important;
    font-size: 14px!important;
}
.home h2.vk_heading_title.vk_heading_title-style-plain {
    font-size: 20px!important;
}
.home .cover {
    margin-bottom: 300px;
    position: relative;
}
.home h2.has-text-align-center, .home h2.has-text-align-center span {
    font-size: 20px;
}
.home h3.is-style-vk-heading-solid_black {
    font-size: 18px;
}

.is-layout-flex.wp-container-7.wp-block-columns, .widget.widget_nav_menu {
    margin-bottom: 0em;
}


.logo img {
height: auto!important;
    width: 90%!important;
    padding: 0 5%;
}
.home h2.has-text-align-center {
    margin-top: 80px;
    padding: 0 10px;
}
.ttl_h1 {
    font-size: 1.6rem;
}
.h2, h2 {
    font-size: 1.6rem;
}
.wp-block-group.box02 .wp-block-columns.has-2-columns {
    display: flex;
    flex-wrap: wrap;
}
.wp-block-group.box02 .wp-block-columns.has-2-columns .wp-block-column:nth-child(1) {
    order: 2;
}
table.table-bordered tr {
    display: flex;
    flex-wrap: wrap;
}
table.table-bordered tr td{
    width: 100%;
}
table.table-bordered tr td:nth-child(2n-1) {
    background-color: #d7fcff;
}
table.table-bordered tr th{
    width: 100%;
}

table.table.table-bordered {
    font-size: 15px;
    margin-bottom: 50px;
}
.container {
    max-width: 96%;
    padding: 0 2%;
}
}

@media (max-width: 576px){
div#text-17 .ttl span {
    display: block;
}
div#text-17 h4 {
    font-size: 25px;
}
.list .post_ttl {
    font-size: 16px;
}
.list .post_time, .list .post_cat {
    font-size: 13px;
}

}